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

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

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

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
/*display:inline-table;*/
}

.thumbnail span table { /*CSS for enlarged image*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
position: static;
position:fixed;
top: 10%;
left: 20%; /*position where enlarged image should offset horizontally */
z-index:500;
/*left: -1000;
border:1px thick #FF0000;
visibility:hidden;*/
}

.thumbnail:hover span .caption{ /*CSS for enlarged image on hover*/
font-size:larger;

}

.thumbnail:hover span img { /*CSS for enlarged image on hover*/
max-width: 600px;
max-height: 550px;

}