/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-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;
}

.swiper2.industryfirst{
	height:			220px;
}
.swiper2.vipclub{
	height:			350px;
}
.swiper2.industryfirst .swiper-slide{
	max-height:			199px;
	
}
.swiper2.vipclub .swiper-slide{
	max-height:			350px;
	min-height:			350px!important;
}
.swiper2.industryfirst .swiper-slide .swiper-txt,
.swiper2.vipclub .swiper-slide .swiper-txt2{

	overflow-y:		scroll;
	-webkit-overflow-scrolling:	touch;
	-moz-overflow-scrolling:	touch;
	-ms-overflow-scrolling:		touch;
	-o-overflow-scrolling:		touch;
	overflow-scrolling:	touch;
}
.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;
}
.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;
	max-width:	640px!important;
}

/* 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%;*/
	overflow:		hidden; 
	position:		relative; 
 	text-align:		center; 
	vertical-align:	middle;
	float:			left; 
}

.img_center_pd{
	display:		inline-block;
	*display:		inline;
	*zoom:			1;
	height:			100%;
	width:			1px;
	margin-left:	-1px;
	vertical-align: middle;
	display:none;
}


.swiper-slide img{
	width:		100%;
	vertical-align:	middle;
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/

.pagination{
	width:		100%;
	text-align: center;
	position:	absolute;
	z-index:	100;
	bottom:		0;
}


.swiper-pagination-switch {
  display:	 	inline-block;
  width:	 	10px;
  height: 		10px;
  border-radius:15px;
  background: 	#b8b8b8;
  margin-right: 10px;
  opacity: 		0.8;
  vertical-align:middle;
  cursor: 		pointer;
  	
}
.swiper-visible-switch {
 /* background: 	#fff;*/
}
.swiper-active-switch {
  background: 	none;
  border:		1px solid #113e2a;
}


.swiper2{
	height:		300px;
	padding-bottom:	50px;
}
.swiper_list .pagination{
	bottom:		10px
}

#development_page .swiper_list .pagination{
	bottom:		40px;
}
.pagination2 .swiper-pagination-switch{
	background:		none
}
.pagination2 .swiper-active-switch{
	background:	#ad915a;
	border-color:#ad915a;
}
.pagination3{
	text-align:		right;
}

.index_swiper .boxtext{
	position:absolute;
	z-index:1;
	left:0;
	top:344px;
	width:640px;
	height:146px;

	display:none;
}
.index_swiper .boxtext .overlay{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background:url(img/indbanner_lay.png) no-repeat left top;
}
.index_swiper .boxtext .text{
	position:absolute;
	z-index:2;
	left:20px;
	bottom:20px;
	color:#fff;
	font-size:28px;
}