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

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

.thumbnail img {
 border: 1px solid #B48000;
}

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

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

.thumbnail span { /*CSS for enlarged image*/
 position: absolute;
 left: 0px;
 visibility: hidden;
 cursor: pointer;
}

.thumbnail span img { /*CSS for enlarged image*/
 border: 1px solid #B48000;
}

.thumbnail:hover span { /*CSS for enlarged image*/
 visibility: visible;
 filter:alpha(opacity=50);
 opacity:0.5;
}