﻿@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;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.image-slider{width:1238px;height:536px;margin:0 auto 150px;position:relative;margin-top: 125px;box-sizing: border-box;}
.image-slider-back, .image-slider-forward{float:left;width:40px;height:64px;color:White;position:relative;top:32%;cursor:pointer;}
.image-slider-back{background-image:url(./../../img/index/arrow-left.png);margin-right: 5px; background-repeat:no-repeat;background-position:left;}
.image-slider-forward{background-image:url(./../../img/index/arrow-right.png);margin-left: 5px; background-repeat:no-repeat;background-position:right;}
.image-slider-contents{width:1146px;height:532px;float:left;position:relative;overflow:hidden;}

.image-slider-contents .contents-wrapper{position:absolute; left:0;}
.image-slider-contents .outer{background-color:#fff;float:left;width:370px;height:529px;margin:0px 5px;cursor:pointer; position:relative;}
.spic{ width: 370px; height: 529px; text-align: center; color: #333; float: left; }
.image-slider-contents img{width:370px;height:529px; 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: 482px; height: 689px;border: solid 1px #858687 ; }
.preview .img-large{width:482px;z-index:1000; margin:0 auto;}
.preview .img-large .left{position:absolute;left:8px;top:160px;width:0;height:0;z-index:1000;background:url(./../../img/index/arrow-left.png);cursor:pointer;}
.preview .img-large .right{position:absolute;left:428px;top:160px;z-index:1000;width:0;height:0;background:url(./../../img/index/arrow-right.png);cursor:pointer;}
.preview .close{position:absolute;left:434px;top:-16px;width:32px;height:34px;float:right;cursor:pointer;z-index:2000;}
.preview .img-large img{width:482px;height:689px;}
.preview .label{width:0;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:solid 1px #ccc;}

