@import url(//fonts.googleapis.com/css?family=Roboto:400,900);


.swiper-panel {
	background-color: #CCC;
	background-image: url('common/retail/img/img-bg-index-swiper-hex.png');
	overflow:hidden;
}
.swiper-panel .slide-panel-container {
	clear: both;
	height: 390px;
	width: 760px;
	overflow: hidden;
	cursor: pointer;
	background-color: #DDD;
}
	.swiper-panel .slide-panel-container .pagination {
		position: absolute;
		bottom: -20px;
		left: 0px;
		z-index: 999;
		background-color: #DDD;
		padding: 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		.swiper-panel .slide-panel-container .swiper-pagination-switch {
			background: none repeat scroll 0 0 #222;
			border: 2px solid #fff;
			border-radius: 80px;
			cursor: pointer;
			display: inline-block;
			height:15px;
			opacity: 0.8;
			width: 15px;
		}
		.swiper-panel .slide-panel-container .swiper-visible-switch {
			background: none repeat scroll 0 0 #5181b2;
		}
		.swiper-panel .slide-panel-container .swiper-active-switch {
			background: none repeat scroll 0 0 #327cea;
		}
	.swiper-panel .swiper-slide {
		width: 760px;
	}
		.swiper-slide .slide-panel {
			position: relative;
			width: 760px;
			height: 380px;
			overflow: hidden;
		}
			.slide-panel IMG.img-panel-bg-left {
				position: absolute;
				left: 0px;
				top: 0px;
				height: 380px;
				opacity: 0;
			}
			.slide-panel IMG.img-panel-bg-right {
				position: absolute;
				right: 0px;
				top: 0px;
				height: 380px;
				opacity: 0;
			}
			.swiper-panel .slide-panel H1, .swiper-panel.slide-panel H2, .swiper-panel.slide-panel H3, .swiper-panel.slide-panel H4 {
				font-family: 'Roboto', sans-serif;
			}
			.swiper-panel .slide-panel H1 {
				font-size: 90px;
				line-height: 60px;
				letter-spacing: -4px;
				color: #EEE;
				font-weight: 900;
				text-shadow: 4px 4px 0px rgba(0,0,0, 0.2);
			}
			.swiper-panel .slide-panel H2 {
				font-size: 40px;
				line-height: 40px;
				letter-spacing: -2px;
				color: #EEE;
				font-weight: 400;
				text-shadow: 2px 2px 0px rgba(0,0,0, 0.2);
			}
			.swiper-panel .slide-panel H3 {
				font-size: 30px;
				line-height: 30px;
				letter-spacing: -1px;
				color: #EEE;
				font-weight: 400;
				cursor: pointer;
			}
			.swiper-panel .slide-panel .fine-text {
				font-size: 11px;
				color: #FFF;
				line-height: 11px;
				opacity: 0.5;
			}
			.swiper-panel .slide-panel .slide-panel-body {
				width: 380px;
				height: 380px;
				color: #FFF;
				padding: 40px;
				position: absolute;
				left: 0px;
				top: 0px;
			}
.swiper-gallery .slide-gallery-container {
    height: 246px !important;
}
.swiper-gallery .gallery-pagination {
	bottom: -3px !important;
}