/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	/*cursor: default;*/
	width:372px;
	z-index: 0;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -100px;
	left: -105px;
	z-index: 1;
}


.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	/*padding: 2px;*/
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
/*	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;*/
	color: inherit;
	display: inline;
	float: left;
/*	margin: 3px;
	padding: 5px;*/
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 100px;/*400px;*/
	height: 100px;/*617px;*/
}

/*-----------------------------------Side THUMB
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height: 617px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid black;
margin: 0 1px 1px 0;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
-moz-opacity: 0.5;
Filter: Alpha(Opacity=50);

}

.thumbnail:hover{

}

.thumbnail:hover img{
border: 1px solid black;
background-image: url("~images/pleasewait.gif");
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
-moz-opacity: 1;
Filter: Alpha(Opacity=100);
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	background-image:  url("~images/pleasewait.gif");
border-width: 0;
padding: 0px;
	border-color: #000;
	width: 400px;
	height: 617px;
	Filter: Alpha(Opacity=100);
	-moz-opacity: 1;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	position: absolute;
visibility: visible;
top: 150px;
left: 25px;/*285px;*/ /*position where enlarged image should offset horizontally */
z-index: 50;
}