.skdslider { width:100%; position: relative; display: block; overflow:hidden; }
.skdslider:after { content: ''; padding-top: 50%; 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:412px; border:0; z-index:999999; }
.skdslider ul.slide-navs { bottom: 284px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0; }
.skdslider ul.slide-navs li { float: left; background: url(../images/slide-bg.png) no-repeat scroll 0 0 transparent; height:12px; width:12px; margin-right:4px; cursor:pointer; }
.skdslider ul.slide-navs li.current-slide { background: url(../images/slide-bg-active.png) no-repeat scroll 0 0 transparent; }
.skdslider .slide-desc { /*    background: url(../images/slide_desc.png)  repeat scroll 0 0  transparent;
*/    left: 137px; padding: 5px 15px 20px 15px; position: absolute; bottom: 64%; max-width: 35%; display:inline-block; }
.skdslider .slide-desc > h2 { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 55px; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; font-weight: bolder; }
.skdslider .slide-desc > p { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; margin-top: 5px; }
.skdslider .slide-desc > p a.more { color:#990000; font-size:20px; text-decoration:none; }
.skdslider .slide-desc > p a.more:hover { text-decoration:underline; }
.skdslider a.prev { background: url(../images/left.png) no-repeat scroll 0 0 transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; left:2%; margin-top:-165px; }
.skdslider a.next { background: url(../images/right.png) no-repeat scroll 0 0 transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; right:2%; margin-top:-165px; }
.skdslider a.prev:hover { }
.skdslider a.next:hover { }
.skdslider a.play { background: url("image/play.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px; }
.skdslider a.pause { background: url("image/pause.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px; }
/*Some Responsive CSS */
@media screen and (max-width:767px) {
.skdslider .slide-desc > h2 { font-size: 20px; margin-bottom: 5px; margin-top: 5px; }
.skdslider .slide-desc > p { font-size: 14px; line-height: 15px; margin-top: 5px; }
.skdslider .slide-desc > p a.more { font-size:14px; }
}