.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:100%;
   border:0;
}

.skdslider ul.slide-navs {
   bottom: 7%;
   right: 4%;
   position: absolute;
   list-style-type: none;
   margin: 0;
   padding: 0;
   display: none;
}


.slide-navs li{
   float: left;
   background: url("image/slide-bg.png") no-repeat;
   background-size:12px;
   height:12px;
   width:12px;
   margin-right:8px;
   cursor:pointer;
}
.slide-navs .current-slide{
   background: url("image/slide-bg-active.png") no-repeat;
   background-size:12px;
}
.skdslider .slide-desc {
   color:#000000 !important;
   left: 0;
   padding: 0 15px 0 15px;
   position: absolute;
   /*bottom: 15%;*/
   max-width: 100%;
   display:inline-block;
   /*position: absolute;
   text-align:center;
   right:10%;
   top:30%;*/
   font-size:25px;
   line-height:160%;
}
.skdslider .slide-desc > h2 {
   color: #000000;
   font-size: 35px;
   margin-bottom: 10px;
   margin-top: 10px;
   text-transform: uppercase;
}
.skdslider .slide-desc.font-white{
   color:#ffffff !important;
   position: absolute;
   text-align:center;
   left:30%;
   top:50%;
   font-size:25px;
}

.skdslider .slide-desc > p {
   color: #000000;
   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("image/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("image/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.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;
   }
}