

.big_img,.big_imgs {
	position: fixed;
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.big_imgs .big_bg {
	position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .9);z-index: 1;
}

.big_img .swiper-containera,.big_imgs .swiper-containerb {
	position: relative;
	width:90%;
	height:100%;
	z-index:10;
	margin:auto;
	overflow: hidden;
}

.big_img .swiper-containera .swiper-wrapper,.big_imgs .swiper-containerb .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.big_img .swiper-slide,.big_imgs .swiper-slide {
	width: 100%;
	height: 100%;
	display: table
}

.big_img .swiper-slide .cell,.big_imgs .swiper-slide .cell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.big_img .swiper-slide img,.big_imgs .swiper-slide img {
	max-width: 100%;
	max-height:100%;
	height: auto;
	margin: 0 auto;
}

.big_img .swiper-paginationa,.big_imgs .swiper-paginationb {
	position: absolute;
	bottom:5%;
	text-align: center;
	width: 100%;
	z-index: 99999;
}
.swiper-containerb .swiper-slide p {color: #fff;margin-top: 20px;padding: 0 20px;font-size: 24px;font-weight: bold;}
.swiper-containerb .swiper-slide span{display: block;margin-top: 5px;color: #fff;}

.big_img .swiper-paginationa span,.big_imgs .swiper-paginationb span {
	margin: 0 10px
}
.swiper-pagination-bullet {
    width:12px;
    height:12px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #0577c7;
}
.big_imgs .close {color: #fff;font-size: 36px;position: absolute;right: 3%;top: 3%;z-index:99;cursor: pointer;
	transition: .6s; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.big_imgs .close:hover {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
@media only screen and (max-width:1500px) {
	.big_img .swiper-containera, .big_imgs .swiper-containerb{
		width: 60%;
	}
}
@media screen and (max-width:992px) {
	.big_img .swiper-containera, .big_imgs .swiper-containerb{
		width:90%;
		height:60%;
		margin-top: 25%;
	}
}