﻿@charset "utf-8";
/* CSS Document */


/* image-slider */
.image-slider{width:100%;height:300px;margin:0 auto;background:url(../images/bg.png) no-repeat;padding:14px 16px 0px 16px;position:relative;}
.image-slider-back, .image-slider-forward{float:left;width:23px;height:98px;color:White;position:relative;top:75px;cursor:pointer;}
.image-slider-back{background-image:url(../images/arrow-left.png);background-repeat:no-repeat;background-position:left;}
.image-slider-forward{background-image:url(../images/arrow-right.png);background-repeat:no-repeat;background-position:right;}
.image-slider-contents{width:95%;height:258px;float:left;position:relative;overflow:hidden;}

.image-slider-contents .contents-wrapper{position:absolute;padding-top:18px; left:0;}
.image-slider-contents .outer{background-color:#fff;float:left;width:200px;height:220px;margin:0px 15px;cursor:pointer; position:relative;}
.spic{width:auto; text-align:center; color:#333; float:left;}
.spic img{width:156px; height:50px;}
.image-slider-contents img{width:autopx;height:199px; 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:window.screen.width;height:500px;background-color:White;padding:2px;border:solid 1px black;}
.preview .img-large{z-index:1000; margin:0 auto;}
.preview .img-large .left{position:absolute;left:8px;top:200px;width:16px;height:24px;z-index:1000;background:url(../images/arrow-left.png);cursor:pointer;display: none;}
.preview .img-large .right{position:absolute;right:5px;top:200px;z-index:1000;width:16px;height:24px;background:url(../images/arrow-right.png);cursor:pointer;display: none;}
.preview .close{position:absolute;left:434px;top:-16px;width:32px;height:34px;background:url(../images/close.png);float:right;cursor:pointer;z-index:2000;}
.preview .img-large img{width:1200px;height:495px;}
.preview .label{width:150px;line-height:30px;float:left;position:absolute;top:0px; left:0;padding:8px;background-color:White;text-align:left;font-weight:bold;font-size:13px; text-align:center;}
.outer{border:solid 1px #ccc;}

