

.gallerycontainer   { position: relative; height: 300px }

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span { color: black; text-decoration: none; background-color: #ffffe0; visibility: hidden; padding: 5px; position: fixed; top: 200px; left: -800px; border: dashed 1px gray }

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

.thumbnail:hover span { visibility: visible; z-index: 50; top: 180px; left: 180px }

</style>



