/*responsiv 3D gallery*/
.responsiveGallery-container { width: 100%; position: relative; }
.responsiveGallery-btn { position: absolute; top: 0; z-index: 3; display: block; width: 3%; height: 100%; }
.responsiveGallery-btn_prev { background: url(images/arrow-left.png) center center no-repeat; left: 8.5%; }
.responsiveGallery-btn_next { background: url(images/arrow-right.png) center center no-repeat; right: 9.5%; }
.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: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; }
.responsiveGallery-item { position: absolute; left: 0; top: 0; z-index: 0; display: block; width:33%; /*默认显示5个*/ opacity: 0; visibility: hidden; background: white;
box-shadow: 0 0 15px #ccc;border-radius: 10px;}

@media (max-width: 1000px) {
.responsiveGallery-item { width: 33.33%; /*此宽度下显示3个*/ }
.responsiveGallery-wrapper { padding-top: 45%;/*相应调整容器高度*/ }
}

@media (max-width: 560px) {
.responsiveGallery-wrapper { width: 60%; }
.responsiveGallery-item { width: 100%; /*最终显示1个，但上条样式决定其宽度为窗口宽度的60%*/ }
.responsiveGallery-wrapper { padding-top: 110%;/*相应调整容器高度*/ }
.responsiveGallery-btn { width: 8%; }
}
.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: 90%; margin: 0 auto; padding-top: 5%; text-align: center; color: #64676d; font-size:18px;font-family: 'Nunito', sans-serif; }
.responsivGallery-name { font-size: 1.25em; }
.responsivGallery-position { padding: 4% 0; font-size: 16px;line-height: 23px; }
/*responsiv 3D gallery end*/



.responsiveGallery-wrapper a { color: #64676d;  text-decoration:none;}