@charset "utf-8";

/* image-slider */
.image-slider{width:1100px;height:350px;margin:0 auto;background:url(../images/bg.png) no-repeat;padding:14px 0 0 0;position:absolute}
.image-slider-back, .image-slider-forward{float:left;width:30px;height:156px;color:White;position:relative;top:70px;cursor:pointer;}
.image-slider-back{background-image:url(../images/icoLeft.jpg);background-repeat:no-repeat;background-position:left;filter:alpha(opacity=50);opacity:0.5; z-index: 100000000;}
.image-slider-forward{background-image:url(../images/icoRight.jpg);background-repeat:no-repeat;background-position:right;filter:alpha(opacity=50);opacity:0.5; float: right;}
.image-slider-contents{width:1020px;height:350px;float:left;position:absolute;overflow:hidden; left: 0; right: 0; margin: 0 auto;} 

.image-slider-contents .contents-wrapper{position:absolute;padding-top:18px; left:0;}
.image-slider-contents .outer{background-color:#fff;float:left;width:215px;height:290px;margin:0px 15px;cursor:pointer; position:relative; border:solid 1px red; margin-left: 21px;}
.spic{ width: 215px; height: 274px; text-align: center; color: #333; float: left; padding-top: 10px; }
.image-slider-contents img{width:215px;height:274px; margin:0 auto;}
.spic a{ display:block; text-align:center;}

.hidden{display:none;}
.visible{display:block;}
.thumbnail-active{filter:alpha(opacity=100);opacity:1.0;cursor:pointer;}
.thumbnail-inactive{filter:alpha(opacity=20);opacity:0.2;cursor:pointer;}

.preview{ position:absolute; width: 800px; height:660px; background-color:#000000; padding-top:40px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;  z-index: 1000;}
.preview .img-large{width:500px;z-index:1000; margin:0 auto;}
.preview .img-large .left{position:absolute;left:90px;top:160px;width:16px;height:24px;z-index:1000;background:url(../images/arrow-left.png);cursor:pointer; }
.preview .img-large .right{position:absolute;left:735px;top:160px;z-index:1000;width:16px;height:24px;background:url(../images/arrow-right.png);cursor:pointer; }
.preview .img-large img{width:500px;height:635px;}
.preview .label{width:800px;line-height:30px;float:left;position:relative;top:0px; left:0;padding:8px;background-color:#000000;text-align:left;font-weight:bold;font-size:13px; text-align:center;}