@charset "utf-8";
/* CSS Document */
 [class*=swiper]:focus {
    outline: none;
  }

.swiper {
	max-width: 720px;
	margin: auto;
	}
/*main-------------*/
.swiper-main {
	overflow: visible;
	margin-bottom:10px;
	}
.slide-media{
	position: relative;
	overflow: hidden;
	background:#fff;
	border:#ccc solid 1px;
	padding-top: 75%;
	border-radius: 5px;
	overflow:hidden;
	}
.slide-media > *{
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	width:100%;
	}




/*thumb-------------*/
.swiper-thumb{ margin-bottom:10px;}
.swiper-thumb  .swiper-wrapper{justify-content: center;}
.thumb-media {
	position: relative;
	overflow: hidden;
	background:#fff;
	border:#ccc solid 1px;
	padding-top: 75%;
	border-radius: 5px;
	overflow:hidden;
	cursor:pointer;
	}
.thumb-media img {
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	width:100%;

}
.thumb-media:hover,
.swiper-slide-thumb-active .thumb-media{ border-color:#bc002a;}



@media only screen and (min-width : 1025px){
	.swiper-main { margin-bottom:20px;}
}