#gallery {width:880px; position:relative; padding-top:845px; margin:20px auto 0 auto; }
.leftdiv{width:100px; height:100px;  margin-left:15px; margin-top:5px; background:#000; float:left;cursor:pointer; display:inline; }

#gallery img.leftImg {width:100px; height:75px;  margin-left:0px; margin-top:0px; background:#000; float:left;cursor:pointer;}
#gallery img.left {width:30px; height:75px; margin-right:10px; margin-left:15px; margin-top:5px; background:#000; float:left;cursor:pointer;}

.righttext{text-align:center; color:#fff; height:25px; line-height:25px; font-size:12px; font-weight:bold;}
.righttext a:link, .righttext a:visited {color:#fff;text-decoration:none;}
.righttext a:hover {color:#fff;text-decoration:underline;}


.lefttext{text-align:center; color:#fff; height:25px; line-height:25px; font-size:12px; font-weight:bold; }
.lefttext a:link, .lefttext a:visited {color:#fff;text-decoration:none;}
.lefttext a:hover {color:#fff;text-decoration:underline;}


#gallery img.right {width:30px; height:75px; margin-left:10px; margin-top:5px;float:left;cursor:pointer;}
#gallery img.rightImg{width:100px; height:75px; margin-left:0px; margin-top:0px;float:left;cursor:pointer;}

.rightdiv{width:100px; height:100px; margin-left:15px; margin-top:5px;float:left;cursor:pointer; display:inline;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#000; border:2px solid #000; border-width:5px 2px;}
#gallery ul li {display:inline; width:100px; height:75px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

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

/* using background images */
#gallery ul li.th1 {background:url(../images/th1.jpg);}
#gallery ul li.th2 {background:url(../images/th2.jpg);}
#gallery ul li.th3 {background:url(../images/th3.jpg);}
#gallery ul li.th4 {background:url(../images/th4.jpg);}
#gallery ul li.th5 {background:url(../images/th5.jpg);}
#gallery ul li.th6 {background:url(../images/th6.jpg);}
#gallery ul li.th7 {background:url(../images/th7.jpg);}
#gallery ul li.th8 {background:url(../images/th8.jpg);}
#gallery ul li.th9 {background:url(../images/th9.jpg);}
#gallery ul li.th10 {background:url(../images/th10.jpg);}
#gallery ul li.th11 {background:url(../images/th11.jpg);}
#gallery ul li.th12 {background:url(../images/th12.jpg);}
#gallery ul li.th13 {background:url(../images/th13.jpg);}
#gallery ul li.th14 {background:url(../images/th14.jpg);}
#gallery ul li.th15 {background:url(../images/th15.jpg);}
#gallery ul li.th16 {background:url(../images/th16.jpg);}
#gallery ul li.th17 {background:url(../images/th17.jpg);}
#gallery ul li.th18 {background:url(../images/th18.jpg);}
#gallery ul li.th19 {background:url(../images/th19.jpg);}

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

#gallery ul li span {
	display:none;
	position:absolute;
	left:15px;
	top:780px;
	width:867px;
	font-family:verdana, arial, sans-serif;
	color:#d1d1d1;
	font-size:12px;
	line-height:18px;height:60px;

}
#gallery ul li b {color:#fff; font-size:14px;}
#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div { position:absolute; left:0;  top:0; width:880px;  height:0px;}
#gallery ul li.chosen div i { width:880px; height:0px;display:table-cell; vertical-align:middle;text-align:center; } 
#gallery ul li.chosen div i img {padding-top:10px;visibility:visible; vertical-align:middle; text-align:center; width:auto; height:auto;border:0px solid #aaa;margin:0 auto; max-width: 840px;}
#gallery ul li.chosen span {display:block;}