

.gallery118 {width:100%; height:100%; float:left; position:relative; background:white; box-sizing:border-box; overflow:hidden;}
.gallery118swiper-container {width:100%; height:100%;}


.gallery118 div.img {width:100%; height:100%;
					float:left;
					background:url(/images/wzwg/site/mngr/no-img.png);
					background-size:contain;
					overflow:hidden;
					background-repeat:no-repeat;
					background-position:center;
					position:relative;
					box-sizing:border-box;
					height:0; padding-bottom:55%; 
					}
.gallery118 div.img img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   						margin:auto; min-height:100%; min-width:100%; max-width:110%; -webkit-transition:transform 1s; transition:transform 1s;}
.gallery118:hover div.img img {transform:scale(1.1);}

.gallery118 .swiper-slide>a {position:absolute; width:100%; height:100%; top:0; left:0; 
							-webkit-transition:background 1s; transition:background 1s;}
.gallery118 .swiper-slide>a:focus p.tit {text-decoration:underline;}
.gallery118 p.tit {color:#fff;
				  font-size:20px;
				  font-weight:400;
				  line-height:130%;
				  letter-spacing:-0.5px;
				  overflow:hidden;
				  position:absolute;
				  top:50%;
				  width:100%;
				  padding:0 15px;
				  transform:translateY(-50%);
				  text-align:center;
				  text-overflow:ellipsis;
				  /* position:relative; */
				  box-sizing:border-box;
				  white-space:nowrap;
				  word-break:keep-all; text-shadow:1px 1px 5px black;
				  }
.gallery118 .swiper-slide>a:hover {background:rgba(0,0,0,0.2);}


/* btn */
.control-box {position:absolute;width: 90%;bottom: 15px;left: 5%;text-align:center;z-index:1;border-radius: 3px;padding: 5px 0;
			 -webkit-transition: background 0.5s;transition: background 0.5s;}
.control-box:hover {background:rgba(255,255,255,0.4);}
.gallery118-pagination {display:inline-block; position:relative;}
.gallery118 .swiper-pagination-bullet {width:10px; height:10px; margin-right:4px;
									   background:rgba(255,255,255,0.7); border:1px solid #333; box-sizing:border-box;
									   vertical-align:middle; opacity:0.9;}
.gallery118 .swiper-pagination-bullet-active {background:rgba(0,0,0,0.7); border-color:rgba(255,255,255,0.8);}

.gallery118-button-next, 
.gallery118-button-prev {display:none;}

.gallery118 .indicator {display:inline-block;margin-right:5px;background: rgba(255,255,255,0.6);border: 1px solid rgba(0,0,0,0.5);box-sizing: border-box;border-radius: 100%;width: 15px;height: 15px;}
.gallery118 .indicator button {display:inline-block;width:100%;height:100%;cursor:pointer;text-indent:-9999px;}
.gallery118 .indicator button.play {background: url(../img/arrow.png) no-repeat -78px -4px;margin-right:3px;}
.gallery118 .indicator button.stop {background: url(../img/arrow.png) no-repeat -25px -3px;background-size: 84px;}

.gallery118 .indicator button:focus,
.gallery118 .swiper-pagination-bullet:focus {outline:thin dotted;}

/* no-data */
.gallery118 .no_data {}
.gallery118 .no_data p.tit {font-size:16px; color:#333;}




	@media (min-width:800px){
		.layout_height_H .gallery118 div.img,
		.layout_height_M .gallery118 div.img,
		.layout_height_L .gallery118 div.img {height:100%; padding-bottom:0;}
	}
	@media (max-width:799px){
		.layout_height_H .gallery118 div.img {height:0; padding-bottom:55%;}
		.layout_height_M .gallery118 div.img {height:0; padding-bottom:45%;}
		.layout_height_L .gallery118 div.img {height:0; padding-bottom:35%;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .gallery118 div.img {height:100% !important; padding-bottom:0;}
	}

	@media (max-width:599px){
		.gallery118 p.tit {font-size:18px;}
		.gallery118 div.img img {max-width:150%;}
	}






