@charset "UTF-8";

.main-visual .visual-list {position: relative;}
.main-visual .visual-list li {height: 775px; position: relative; background-repeat: no-repeat; background-size: cover; text-align: left; width:100%;}

.main-visual .control {position: absolute; left: 0; bottom:100px; width:100%; padding-left:28%; z-index:999;}
.main-visual .control .control-inner{max-width:1500px; margin:0 auto;}
.main-visual .control .prev {display: inline-block; vertical-align: middle; height: 20px; width: 20px; background:url("../images/btn_prev_2.png") no-repeat center;}
.main-visual .control .next {display: inline-block;  vertical-align: middle;height: 20px; width: 20px; background:url("../images/btn_next_2.png") no-repeat right center; position:relative; padding-left:10px;}
.main-visual .control .next:after{content:''; width:1px; height:20px; background-color:rgba(255,255,255, .5); position:absolute; left:0; top:50%; margin-top:-10px; display:block;}
.main-visual .playstop button {height: 20px; width: 20px; }
.main-visual .control .playstop {display: inline-block; vertical-align: middle; margin-top: 5px;}
.main-visual .control .playstop button.play {background:url("../images/btn_play.png") no-repeat center;}
.main-visual .control .playstop button.stop {background:url("../images/btn_pause.png") no-repeat center;}
.main-visual .playstop button.on {display: inline-block;}

.main-visual .counter {display: inline-block; vertical-align: middle; height: 50px; width: 50px; text-align: center;}
.main-visual .counter span {font-size: 17px; line-height: 50px; color: #fff;}
.main-visual .counter span.current {}
.main-visual .counter span.slash{margin:0 5px;}
.main-visual .paging{display:inline-block; vertical-align:middle; margin-right:10px;}
.main-visual .paging li{display:inline-block; vertical-align:middle;}
.main-visual .paging li button{display:block; width:50px; height:1px; background-color:#fff; text-indent:-9999px; opacity:.5;}
.main-visual .paging li.slick-active button{opacity:1;}

@media all and (max-width:1200px){
	.main-visual .visual-list li{background-position:right 60%;height: 460px;}
	.main-visual .control{padding-left:2.5%;}
}
@media all and (max-width:1400px){
	.control{display:none;}
}
@media all and (max-width:767px){
	.album-Wrap{width:100%;}
	body .album-Wrap .list{max-width:100%;}
	body .album-Wrap .list li img{height:100%;}
	.main-visual .visual-list li{height:260px;background-position: right 60%;}
}