@charset "utf-8";
/* image-slider */
.image-slider{
	width:1150px;
	height:580px;
	margin:0 auto;
	background:url(../images/bg.png) no-repeat;	
	position:relative;
}
.image-slider-back, .image-slider-forward{
	float:left;
	width:23px;
	height:98px;
	color:White;
	position:absolute;
	top:260px;
	cursor:pointer;
}
.image-slider-back{
	background-image:url(../images/arrow-left.png);
	background-repeat:no-repeat;
	background-position:left;
	left:0px;
}
.image-slider-forward{
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	background-position:right;
	right:0px;
}
.image-slider-contents{
	width: 1100px;
    height: 500px;
	float:left;
	position:relative;
	overflow:hidden;
	margin-top:80px;
	margin-left:30px;
}
.image-slider-contents .contents-wrapper{
	position:absolute;
	padding-top:18px; 
	left:0;
}
.image-slider-contents .outer{
	background-color:#fff;
	float:left;
	width:250px;	
	margin:0px 10px;
	cursor:pointer; 
	position:relative;	
}
.spic{
	width:250px;	
	text-align: center; 
	color: #333; 
	float: left; 
	padding-top: 10px; 
	overflow: hidden;
}
.image-slider-contents img{
	width:250px;	
	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: 500px; 
	height: auto; 
	background-color: White; 
	padding-top: 20px; 
	padding-right: 20px; 
	padding-left: 20px; 
	padding-bottom: 20px; 
	border: solid 1px black; 
	top:-95px;
}
.preview .img-large{
	width:500px;
	z-index:1000; 
	margin:0 auto;
}
.preview .img-large .left{
	position:absolute;
	left:2px;
	top:330px;
	width:16px;
	height:24px;
	z-index:1000;
	background:url(../images/arrow-left.png);
	cursor:pointer;
}
.preview .img-large .right{
	position:absolute;
	left:520px;
	top:330px;
	z-index:1000;
	width:16px;
	height:24px;
	background:url(../images/arrow-right.png);
	cursor:pointer;
}	
.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:500px;
	height:auto;
}
.preview .label{
	font-size:0px;
}
.outer{border:solid 1px black;}