#gallery {width:580px; position:relative; height:60px; padding-top:300px; }

#gallery img.left {width:47px; height:47px; float:left;cursor:pointer; margin-top:10px; margin-left:30px;}
#gallery img.right {width:48px; height:48px; float:left;cursor:pointer; margin-top:10px;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; border:2px solid #fefdd5; margin-top:5px; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 2px; border:1px solid #000; cursor:pointer; overflow:hidden;}

#gallery ul li.hide {display:none;}

/* using background images */




/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#444;}

#gallery ul li.chosen {border-color:#000; border-width:thin; cursor:default; width:50px;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:578px; height:310px;  border-width:1px 1px 0 1px; }
#gallery ul li.chosen div i {width:570px; height:300x; display:table-cell; vertical-align:middle; margin-left:13px;  } 
#gallery ul li.chosen div i img {visibility:visible; width:550px; height:300px; border:1px solid #000; margin:0 auto;}