.skdslider{ width:100%; position: relative; display: block; overflow:hidden;}
.skdslider:after {content: ''; padding-top: 786px; display: block;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li {display: none;}
.skdslider ul.slides li img{ width: 100%; height:100%; border:0;}
.skdslider ul.slide-navs {top: 600px; left: 50%; position: absolute; margin: 0 0 0 -500px; padding: 0; z-index:99999}
.skdslider ul.slide-navs li {float: left;	background: url("/new/img/main/mvisual_out.png") no-repeat scroll 0 0 transparent; height:5px; width:21px; margin:0 8px 0 0;cursor:pointer;}
.skdslider ul.slide-navs li.current-slide { background: url("/new/img/main/mvisual_over.png") no-repeat scroll 0 0 transparent; height:5px; width:41px;}
.skdslider a.prev{background: url("../img/main/left.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; left:2%; margin-top:-17px;}
.skdslider a.next{background: url("../img/main/right.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; right:2%; margin-top:-17px;}
.skdslider a.prev:hover{}
.skdslider a.next:hover{}
.skdslider a.play{background: url("../img/main/play.png") no-repeat scroll center center transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px;}
.skdslider a.pause{background: url("../img/main/pause.png") no-repeat scroll center center transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px;}

/*Some Responsive CSS */
@media screen and (max-width:767px) {

	.skdslider:after {content: ''; padding-top: 70%; display: block;}
	.skdslider ul.slide-navs {top: 80%; left: 10%; position: absolute; margin: 0 0 0 0; padding: 0; z-index:99999}
	.skdslider ul.slide-navs li {float: left;	background: url("/new/img/main/mvisual_out.png") no-repeat scroll 0 0 transparent; height:5px; width:21px; margin:0 8px 0 0;cursor:pointer;}
	.skdslider ul.slide-navs li.current-slide { background: url("/new/img/main/mvisual_over.png") no-repeat scroll 0 0 transparent; height:5px; width:41px;}

}

@media screen and (max-width:480px) {
	.skdslider{ width:100%; position: relative; display: block; overflow:hidden;}
	.skdslider:after {content: ''; padding-top: 80%; display: block;}
	.skdslider ul.slide-navs {top:auto; bottom: 0.7em; left: 50%; position: absolute; margin: 0 0 0 -15%; padding: 0; z-index:99999}
	.skdslider ul.slides li img{ width: 100%; height:100%; border:0;}
}