@charset "utf-8";

.swiper-container { width: 100%; height: 477px;}

.swiper-container .swiper-slide{ cursor:pointer}

.pc-slide {

	width: 394px;

	margin: 0 auto;

}



.view .swiper-container {

	width: 394px;

	height:260px;



}

.view .swiper-container .swiper-slide{ overflow:hidden}

.view .swiper-container .swiper-slide img{ height:260px; width:auto; display:block; margin:0 auto}



.view .arrow-left {

	background:url(../images/controls.png) no-repeat 0 -32px;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -25px;

	width: 32px;

	height: 32px;

	z-index: 10;

}



.view .arrow-right {

	background: url(../images/controls.png) no-repeat -43px -32px;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -25px;

	width: 32px;

	height: 32px;

	z-index: 10;

}



.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}



.preview .swiper-container {

	width: 232px;

	height: 42px;

	margin:0 auto

	

}



.preview .swiper-slide {

	width: 58px;

	height: 42px;

	cursor:pointer;

}



.preview .slide6 {

	width: 82px;

}



.preview .arrow-left {

	background: url(images/feel3.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview .arrow-right {

	background: url(images/feel4.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview img {

	padding: 1px;

	width:40px;

	height:40px;

	display:block;

	margin:0 auto

}



.preview .active-nav img {

	padding: 0;

	border: 1px solid #0947AF;

	

}