﻿@charset "utf-8";
/* CSS Document */
/*h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#333; }
table{border-collapse:collapse;border-spacing:0;}
a{ color:#333; text-decoration:none;}
p,p a{font-size:12px;color:#666;}
body{ background:#333;}*/

/* image-slider */
.image-slider{width:896px;height:193px;margin:0 auto;position:relative;}
.image-slider-back, .image-slider-forward{float:left;width:90px;height:35px;color:White;position:relative;top:81px;cursor:pointer;}
.image-slider-back{background-image:url(../Image/arrow-left.png);background-repeat:no-repeat;background-position:center;}
.image-slider-forward{background-image:url(../Image/arrow-right.png);background-repeat:no-repeat;background-position:center;}
.image-slider-contents{width:715px;height:193px;float:left;position:relative;overflow:hidden;}

.image-slider-contents .contents-wrapper{position:absolute;padding-top:21px;left:0;}
.image-slider-contents .outer{float:left;width:229px;height:152px;margin-right:14px;cursor:pointer;position:relative;}
.spic{width:229px;height:152px;text-align:center;float:left;overflow:hidden;}
.image-slider-contents img{max-width:229px;width:100%;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:920px;height:auto;background-color:#e7e7e7;padding:30px 20px;z-index:2000;}
.preview .img-large{width:800px;z-index:1000;margin:0 auto;}
.preview .img-large .left{position:absolute;left:26px;top:300px;width:36px;height:35px;z-index:1000;background:url(../Image/arrow-left.png) no-repeat center;cursor:pointer;}
.preview .img-large .right{position:absolute;right:26px;top:300px;z-index:1000;width:36px;height:35px;background:url(../Image/arrow-right.png) no-repeat center;cursor:pointer;}
.preview .close{position:absolute;left:936px;top:-16px;width:40px;height:40px;background:url(../Image/close.png);float:right;cursor:pointer;z-index:2000;}
.preview .img-large img{max-width:800px;width:100%;}
/*.preview .label{width:434px;line-height:30px;float:left;position:absolute;top:316px;left:0;padding:8px;background-color:White;text-align:left;font-weight:bold;font-size:13px;text-align:center;}
.outer{border:none;}*/

