#slider{ margin:0; padding:0; /*overflow:hidden;*/}
.skdslider {width:100%;position: relative; display: block;/*overflow:hidden;*/}
.skdslider .slide {display: none;}
.skdslider .slide img { height:auto; border:0;}
.skdslider ul.slide-navs {
    /*bottom:0;*/
    left:auto;
	right:10px;
	top:40%;
	height:100%;
    position: absolute;
    list-style-type: none;
    margin:auto;
    padding: 0;
	/*text-align:center;*/}

.skdslider ul.slide-navs li {
  	display:block;
	background: url("../images/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.active {
  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: 0;
    position: absolute;
	margin:auto;
	padding:15px;
	right:0;
	bottom:0;
    top: 30%;
	display:inline-block;
}
.skdslider .slide-desc > div > img {height:8px !important; width:150px !important}
.skdslider .slide-desc > div > h2 {
    color: #ff7700;
    font-size: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
	font-weight:600;
	line-height:1em;
}

.skdslider .slide-desc > div > p {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    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:-17px;
}

.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:-17px;
}
.skdslider a.prev:hover {}
.skdslider a.next:hover {}

.skdslider a.play {
    background: url("../images/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("../images/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:1500px) {
	.skdslider .slide-desc > h2 {font-size: 60px; line-height:0.9em}
	}
@media screen and (max-width:1199px) {
	.skdslider .slide-desc > h2 {font-size: 45px; line-height:0.9em}
	.skdslider .slide-desc > p {font-size: 16px;}
	.skdslider .slide-desc {top:23%}
}
@media screen and (max-width:991px) {.skdslider .slide-desc {top:35%}}
@media screen and (max-width:767px) {
	.skdslider .slide img { height:100%; border:0;}
	.skdslider{min-height:300px !important;}
	.skdslider ul.slide-navs li {display:inline-block;}
	.skdslider .slide-desc{text-align:left;top:0; background:rgba(255,255,255,0.6)}
	
	.skdslider .slide-desc > div > h2 {
		font-size: 30px;
		line-height:1em;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.skdslider .slide-desc > p {
		font-size: 16px;
		line-height: 15px;
		margin-top: 5px;
	}
	.skdslider .slide-desc > p a.more {font-size:14px;}
	.skdslider ul.slide-navs {bottom: 10px;text-align:center; margin:0 auto; height:auto; top:inherit; left:0; right:0}
}