/*

 * Swiper 2.7.6

 * Mobile touch slider and framework with hardware accelerated transitions

 *

 * http://www.idangero.us/sliders/swiper/

 *

 * Copyright 2010-2015, Vladimir Kharlampidi

 * The iDangero.us

 * http://www.idangero.us/

 *

 * Licensed under GPL & MIT

 *

 * Released on: February 11, 2015

*/

/* ===============================================================

Basic Swiper Styles 

================================================================*/





.pc-slide {

	width: 1000px;

	margin: 0 auto;

}



.view .swiper-container {

	width: 1000px;

	height: 750px;

}



.view .arrow-left {

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

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -25px;

	width: 28px;

	height: 51px;

	z-index: 10;

}



.view .arrow-right {

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

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -25px;

	width: 28px;

	height: 51px;

	z-index: 10;

}



.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}



.preview .swiper-container {

	width: 930px;

	height: 86px;

	margin-left: 35px;

}



.preview .swiper-slide {

	width: 120px;

	height: 86px;

	

}



.preview .slide6 {

	width: 86px;

}



.preview .arrow-left {

	background: url(../images/s_left.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/s_right.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview img {

	padding: 2px;

	width:106px;

	height:80px;

}



.preview .active-nav img {

	padding: 0;

	border: 2px solid #006f47;

	width:106px;

	height:80px;

}







.swiper-container {

	margin:0 auto;

	position:relative;

	overflow:hidden;

	direction:ltr;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	-o-backface-visibility:hidden;

	backface-visibility:hidden;

	/* Fix of Webkit flickering */

	z-index:1;

}

.swiper-wrapper {

	position:relative;

	width:100%;

	-webkit-transition-property:-webkit-transform, left, top;

	-webkit-transition-duration:0s;

	-webkit-transform:translate3d(0px,0,0);

	-webkit-transition-timing-function:ease;

	

	-moz-transition-property:-moz-transform, left, top;

	-moz-transition-duration:0s;

	-moz-transform:translate3d(0px,0,0);

	-moz-transition-timing-function:ease;

	

	-o-transition-property:-o-transform, left, top;

	-o-transition-duration:0s;

	-o-transform:translate3d(0px,0,0);

	-o-transition-timing-function:ease;

	-o-transform:translate(0px,0px);

	

	-ms-transition-property:-ms-transform, left, top;

	-ms-transition-duration:0s;

	-ms-transform:translate3d(0px,0,0);

	-ms-transition-timing-function:ease;

	

	transition-property:transform, left, top;

	transition-duration:0s;

	transform:translate3d(0px,0,0);

	transition-timing-function:ease;



	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-free-mode > .swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto;

}

.swiper-slide {

	float: left;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	text-align: center;

}



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

}

.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

}



/* ===============================================================

Your custom styles, here you need to specify container's and slide's

sizes, pagination, etc.

================================================================*/

.swiper-container {

	/* Specify Swiper's Size: */



	/*width:200px;

	height: 100px;*/

}

.swiper-slide {

	/* Specify Slides's Size: */

	

	/*width: 100%;

	height: 100%;*/

}

.swiper-slide-active {

	/* Specific active slide styling: */

	

}

.swiper-slide-visible {

	/* Specific visible slide styling: */	



}

/* ===============================================================

Pagination Styles

================================================================*/

.swiper-pagination-switch {

	/* Stylize pagination button: */	



}

.swiper-active-switch {

	/* Specific active button style: */	

	

}

.swiper-visible-switch {

	/* Specific visible button style: */	

	

}