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

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

.thumbnail div{ /*CSS for enlarged image*/
position: absolute;
padding: 2px;
visibility: hidden;
color: black;
text-decoration: none;
width: 400px;
}

.thumbnail div img{ /*CSS for enlarged image*/
border: 5px solid #BFBFBF;
padding:0;
margin:0;
}

.thumbnail:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: 300px; /*position where enlarged image should offset horizontally */
}


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

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

.thumbnail2 div{ /*CSS for enlarged image*/
position: absolute;
padding: 2px;
visibility: hidden;
color: black;
text-decoration: none;
width: 400px;
}

.thumbnail2 div img{ /*CSS for enlarged image*/
border: 5px solid #BFBFBF;
padding:0;
margin:0;
}

.thumbnail2:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 150px;
left: -550px; /*position where enlarged image should offset horizontally */
}