/** @latest 2019.09.23 -ssj*/

.roll_img128 {width:100%; box-sizing:border-box; margin:0 auto;}
.roll_img128 .swiper-container {position:relative;}
.roll_img128 .swiper-container .swiper-wrapper {box-sizing:border-box;}
.roll_img128 .swiper-container .swiper-wrapper .swiper-slide {box-sizing:border-box;vertical-align:middle;display:inline-block;}
.roll_img128 .swiper-container .swiper-wrapper .swiper-slide > a {width:100%; float:left;}
.roll_img128 .swiper-container .swiper-wrapper .swiper-slide > a:focus {outline:thin dotted;}
.roll_img128 .imgbox {width:100%; height:100%; text-align:center;box-sizing:border-box;position:relative;vertical-align:middle;}
.roll_img128 .imgbox img {width:100%;height:auto;/* opacity:0.95; */display:inline-block;max-width:100%;max-height:100%;vertical-align:top;}



/*slide btn*/
.roll_img128 .btnbox {float:right; border:1px solid rgba(0,0,0,0.1); background: #f6f6f6; box-sizing:border-box;
					 position:absolute; bottom:0; right:0;}

.roll_img128 .swiper-button-next,
.roll_img128 .swiper-button-prev {overflow:hidden;
									text-indent:-9999px;
									position:relative;
									display:inline-block;
									top:auto;
									left:auto;
									margin-top:0;
									height:100%;
									vertical-align: top;
									pointer-events:auto !important;
									}
.roll_img128 .swiper-button-prev {background:url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat 6px 4px;}
.roll_img128 .swiper-button-next {background:url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat -49px 4px;  float:right; right:0; top:0;}
.roll_img128 .swiper-button-next:hover,
.roll_img128 .swiper-button-prev:hover {cursor:pointer; }

.roll_img128 .swiper-button-next.swiper-button-disabled, 
.roll_img128 .swiper-button-prev.swiper-button-disabled {opacity:1;}

.roll_img128 div.indicator {z-index:10;display: inline-block; height: 100%;margin-left: -7px;position: relative;border: 1px solid rgba(0,0,0,0.1);border-width: 0 1px;box-sizing: border-box;}
.roll_img128 div.indicator button {outline:none; cursor:pointer; text-indent:-9999px;}
.roll_img128 div.indicator button:focus {outline:thin dotted;}
.roll_img128 div.indicator button.play,
.roll_img128 div.indicator button.stop {width:100%; float:left; height:100%; position:absolute; top:0; left:0;}
.roll_img128 div.indicator button.play {background: url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat -71px 4px;}
.roll_img128 div.indicator button.stop {background: url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat -22px 4px;}
.roll_img128 .swiper-pagination {display:none;}





	@media (min-width:800px){
		.roll_img128 {height:auto;}
		.roll_img128 .swiper-container {padding-bottom:43px;}
		.roll_img128 .imgbox {height:auto;}


		.roll_img128 .btnbox {width:88px; height:30px; line-height:30px;}
		.roll_img128 .swiper-button-prev {width:30px;}
		.roll_img128 .swiper-button-next {width:28px;}
		.roll_img128 div.indicator {width:30px;}
	}

	@media (max-width:1299px){
		.roll_img128 {padding:20px 15px;}
	}


	@media (max-width:799px){
		.roll_img128 .swiper-container {padding-bottom:38px;}
		.roll_img128 .btnbox {width:58px; height:20px; line-height:20px;}
		.roll_img128 .swiper-button-next, .roll_img128 .swiper-button-prev {width:20px;}
		.roll_img128 .swiper-button-prev {background:url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat 0px -1px;}
		.roll_img128 .swiper-button-next {width:18px; background:url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat -55px -1px;}
		.roll_img128 div.indicator {width:20px;}
		.roll_img128 div.indicator button.play {background:url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat -76px -1px;}
		.roll_img128 div.indicator button.stop {background:url(/sample/layout/contents/rolling/roll_img128/img/arrow.png) no-repeat -27px -1px;}

	}

	@media (min-width:600px) and (max-width:799px){}

	@media (max-width:599px){
		.roll_img128 .btnbox {margin-top:10px;}
	}