ul.thumb {float:right;list-style: none;margin: 0; padding: 10px; width:90%;background-color: white;}
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 150px;height: 150px;}
ul.thumb li img {width: 130px; height: 130px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:url(thumb_bg.png) no-repeat center center;border: none;}

.title{position:absolute; width:175px; height:35px; margin:0; font-weight:normal; background:url(blue.png) no-repeat center; 
padding:5px 0 0 0; text-align:center; color: #000; }

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #cbcbcb;;
padding: 5px;
left: -800px;
border: 1px #f47921;
visibility: hidden;
color: black;
font-weight:bold;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10;
left: 50px;
z-index: 50; /*position where enlarged image should offset horizontally */
}