#slider {width: auto;z-index:9;}
#inner_banner #controls{position:absolute;width:100%;display:block;left:0;bottom:30%;text-align:center;z-index:99;right:0;margin:0 auto;max-width:1150px;padding:0 15px;}
#banner ol {margin:0 0;padding:0;height:16px;	}
#banner ol li{margin:0 4px 0 4px; padding:0;display:inline-block;list-style:none;height:16px;}
#banner ol li a{width:16px;height:16px;font-size:0;display:inline-block;background:url(../images/pagination.png) no-repeat left top;}
#banner ol li.current a{background-position:right top;}
#banner ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;}

.prevBtn, .nextBtn {display:block;width:138px;height:44px;position:absolute;cursor:pointer;font:normal 25px 'Roboto', sans-serif;color:#fff !important;border-radius:10px;border:1px solid #fff;letter-spacing:3px;line-height:44px;}	
.prevBtn{left:0;}														
.nextBtn {left:159px;}

pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.slider_content{max-width:900px;margin:0 auto;position:relative;}
.slider_text{width:100%;position:absolute;background-color:#fff;height:200px;opacity:0.4;left:0;top:0;}

@media(max-width:1199px){
#inner_banner #controls{max-width:930px;}
}

@media(max-width:1023px){
#inner_banner #controls{max-width:700px;}

}

@media(max-width:767px){
#inner_banner #controls{max-width:520px;bottom:20%;}
}

@media(max-width:567px){
#inner_banner #controls{max-width:300px;}
.prevBtn, .nextBtn{width:80px;height:30px;font-size:15px;line-height:30px;}
.nextBtn{left:90px;}
}