@charset "UTF-8";

#slide-images:after,
#slide-thumbnails:after {
	content: "";
	clear: both;
	display: block;
	}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#slide {
	position: relative;
	margin-bottom: 15px;
	width: 965px;
	height: 210px;
	overflow: hidden;
	visibility: hidden;
	height: 360px;
	height: 0px;
	padding-bottom: 37%;
}

#slide img {
	vertical-align: bottom;
	}

#slide.slide-active {
	overflow: hidden;
	visibility: visible;
	}

#slide-container {
	width: 100%;
	}

.slide-active #slide-images,
#slide-images li,
#slide-images img {
	width: 965px;
	/*height: 210px;*/
}

.slide-active #slide-images,
#slide-images li, {
	width: 965px;
	/*height: 360px;*/
	padding-bottom: 37%;
}



#slide-images {
	position: relative;
	overflow: hidden;
	/*height: 360px;*/
	padding-bottom: 37%;
}

#slide-images .mainImg {
	width: 965px;
	/*height: 360px;
	height: auto;*/
}

#slide-images li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	}

.slide-active .slide-image {
	z-index: 0;
	}

#slide-images .current {
	visibility: visible;
	z-index: 1;
	}

#slide-navigation {
	clear: both;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
	margin: 0 auto;
	padding: 20px 5px;
	width: 210px;
	height: 170px;
	background: rgba(0, 0, 0, 0.3);
	}

.slide-active #slide-navigation {
	display: block;
	}

#slide-thumbnails-wrapper {
	position: relative;
	overflow: hidden;
	height: 170px;
	}

#slide-thumbnails {
	position: absolute;
	top: 0;
	width: 210px;
	}

.slide-thumbnail,
.slide-thumbnail-anchor
.slide-thumbnail-anchor img {
	width: 210px;
	height: 40px;
	}

.slide-thumbnail {
	cursor: pointer;
	margin: 2px 0 0;
	background: #000;
	}

.slide-thumbnail-anchor {
	display: block;
	overflow: hidden;
	}

.slide-thumbnail.current .slide-thumbnail-anchor {
	border: 2px solid #f00;
	width: 206px;
	height: 36px;
	}

.slide-thumbnail img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	}

.slide-thumbnail.current img {
	margin: -2px 0 0 -2px;
	opacity: 1;
	filter: alpha(opacity=100);
	}

#slide-step {
	position: absolute;
	z-index: 12;
	top: 0;
	right: 5px;
	width: 210px;
	}

#slide-prev,
#slide-next {
	position: absolute;
	top: 5px;
	}

#slide-next {
	top: 190px;
	}

#slide-prev-anchor,
#slide-next-anchor {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 15px;
	/*background: url("/image/slide/parts/slide_spr.png") no-repeat;*/
	text-indent: 100%;
	white-space: nowrap;
	}

#slide-next-anchor {
	background-position: -210px 0;
	}

#slide-prev-anchor:hover { background-position:    0   -15px; }
#slide-next-anchor:hover { background-position: -210px -15px; }

#slide-control {
	position: absolute;
	bottom: 8px;
	left: 8px;
	z-index: 12;
	width: 48px;
	height: 26px;
	}

#slide-control-btn {
	overflow: hidden;
	width: 48px;
	height: 26px;
	/*background: url("/image/slide/parts/slide_spr.png") no-repeat -420px 0;*/
	opacity: 0.62;
	filter: alpha(opacity=62);
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	}

#slide-control-btn.pause {
	background-position: -468px 0;
	}

#slide-control-btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

@media (max-width:765px) 
{
	#slide {
		margin-bottom: 10px;
		width: 100%;
		height: auto;
		height: 0px;
		padding-bottom: 37%;
	}
	
	#slide-images {
		position: relative;
		overflow: hidden;
		height: auto;
	padding-bottom: 37%;
	}
	
	.slide-active #slide-images, #slide-images li, #slide-images img {
	width: 100%;
	height: auto;
	padding-bottom: 37%;
}
	
	#slide-images .mainImg {
		width: 100%;
	}
}