@charset "utf-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockq
ol,ul { list-style:none;}

.img300,.img60{ display:table-cell; *display:block; vertical-align:middle; text-align:center; overflow:hidden;}
.img300 img,.img60 img{ vertical-align:middle;}
.img60{ width:50px; height:50px; *font-size:52px;}
.img300{ width:200px; height:200px; *font-size:263px;}

.zoomdiv{ z-index:100; display:none; position:absolute; top:0px; left:0px; width:200px; height:200px; background:url(../images/loading.gif) no-repeat 50% 50% #ffffff; border:1px solid #e2e2e2; text-align:center; overflow:hidden;}
.handle{ z-index:10; visibility:hidden; position:absolute; cursor:crosshair; top:0px; left:0px; width:50px; height:50px; background:#c7dff5; border:1px solid #3987d1; opacity: 0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50);} 
#jquery-overlay { position: absolute; top:0; left:0; z-index:90;width:100%; height:500px;}
#jquery-lightbox { position: absolute; top:0; left:0; width:100%;z-index:100; text-align:center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color:#fff;	width:250px;height:250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;left: 0%;	height: 25%;width: 100%;text-align: center;	line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width:49%;	height: 100%; zoom:1; display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em; height:30px; width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; display:none; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {	width: 66px; float: right;padding-bottom: 0.7em;}

#gallery{ position:relative; float:left; width:280px}
#gallery .pic{ position:relative; float:left;width:200px; height:350px; border:3px solid #d3d3d3; margin-top:10px; overflow:hidden;}
.thumbnail{ position:relative; float:left; margin-left:20px; width:62px; z-index:0}
.thumbnail img{ width:49px; height:46px;}
.thumbnail .trigger{ position:absolute; left:20px; display:block; width:19px; height:18px; cursor:pointer; text-indent:-9999em; background:url(../images/btn_pro.png) no-repeat 0 -9999em;}
.thumbnail .prev{ top:5px; background-position:0 -28px;}
.thumbnail .prev_disabled{ background-position:0 0;}
.thumbnail .next{ bottom:0; background-position:0 -55px;}
.thumbnail .next_disabled{ background-position:0 -80px;}
.thumbnail_slide{ width:62px; height:186px; margin:25px 0 15px; overflow:hidden;}
.thumbnail_slide .list_item{ width:50px; height:50px; border:1px solid #d6d1c3; margin:0 0 8px 4px;}
.thumbnail_slide li.hover{ border:1px solid #7a9dc8;}
.thumbnail_list li{ float:left;}
/**/