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

.thumbnail {
position: relative;
z-index: 0;
}
.thumbnail img {
border:1px #444 solid;
margin:5px 5px 5px 5px;
}
.thumbnail:hover {
background-color: transparent;
z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color:#EEE;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
width:410px;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
}

.t1:hover span {left: 170px;top:-150px}
.t2:hover span {left: 170px;top:-75px}
.t3:hover span {left: 0px;top:25px}
.t4:hover span {left: -250px;top:50px}
.t5:hover span {left: -550px;top:-75px}