#slider {width: auto;z-index:9;}
#controls{position:absolute;width:100%;display:block;left:0;top:40%;text-align:center;z-index:99;}
#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;}	
.nextBtn{width:30px;height:30px;cursor:pointer;position:relative;float:right;background-color:rgba(255, 255, 255, 0.8);border-radius:50%;margin-right:30px;}														
.prevBtn {width:30px;height:30px;cursor:pointer;position:relative;background-color:rgba(255, 255, 255, 0.8);border-radius:50%;float:left;margin-left:30px;}	
.nextBtn:before{position:absolute;content:'\f105';color:#000;text-align:center;left:0;width:100%;line-height:30px;}
.prevBtn:before{position:absolute;content:'\f104';color:#000;text-align:center;left:0;width:100%;line-height:30px;}


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:767px){
#banner #controls{top:21px;bottom:inherit;}	
}