/*responsiv 3D gallery*/
.responsiveGallery-container{
	width: 100%;
	position: relative;
}

.responsiveGallery-btn{
	position:absolute;
	top: 0;
	z-index: 3;
	display: block;
	width: 5%;
	height: 90%;
}
.responsiveGallery-btn_prev{
	background:url(images/arrow-left.png) center center no-repeat;
	left:0%;
}
.responsiveGallery-btn_next{
	background:url(images/arrow-right.png) center center no-repeat;
	right:0%;
}

.responsiveGallery-wrapper{
	position: relative;

	width: 100%;
	margin: 0 auto;

	padding-top: 25%;/*用padding撑开容器高度*/

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 730px;
	-moz-perspective: 730px;
	-o-perspective: 730px;
	-ms-perspective: 730px;
	 perspective: 730px;
    transform: scale(1.2);
}
@media(max-width: 991px;){
	.responsiveGallery-wrapper{
		position: relative;

		width: 100%;
		margin: 0 auto;

		padding-top: 25%;/*用padding撑开容器高度*/

		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 730px;
		-moz-perspective: 730px;
		-o-perspective: 730px;
		-ms-perspective: 730px;
	 	perspective: 730px;
    	transform: scale(1.3);
	}
	.w-gallery{
		padding-top: 49px;
	}
}
.responsiveGallery-item{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;

	display: block;
	width: 20%; /*默认显示5个*/

	opacity: 0;
	visibility: hidden;
}
@media (max-width: 991px){
	.responsiveGallery-item{
		width: 33.33%; /*此宽度下显示3个*/
	}
	.responsiveGallery-wrapper{
		padding-top: 45%;/*相应调整容器高度*/
	}
	.responsiveGallery-btn{
		height: 82%;
		
	}
}
@media (max-width: 560px){
	.responsiveGallery-wrapper{
		width: 60%;
	}
	.responsiveGallery-item{
		width: 100%; /*最终显示1个，但上条样式决定其宽度为窗口宽度的60%*/
	}
	.responsiveGallery-wrapper{
		padding-top: 80%;/*相应调整容器高度*/
	}
	.responsiveGallery-btn{
		width: 8%;
		
	}
	/*.responsiveGallery-container{
		width: 75% !important;
		margin: 0 auto;
	}*/ 
	

}
.responsivGallery-link{
	display: block;
	width: 100%;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}
.responsivGallery-pic{
	width: 100%;
	height: auto;
}
.w-responsivGallery-info{
	width: 80%;
	margin: 0 auto;
	padding-top: 5%;
	text-align: center;
	color: #fff;
}
.responsivGallery-name{
	font-size: 1.25em;
}
.responsivGallery-position{
	padding-top: 4%;
	font-size: 0.875em;
	line-height: 1.3;
}
/*responsiv 3D gallery end*/