ol {margin:1em 0;padding:0;height:28px; position:absolute; bottom:40px; left:20px;}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:13px;line-height:13px;border:0px solid #ccc;background:#b1dadd;color:#555;padding:0 0px;text-decoration:none; font-size:0px; width:13px; border-radius:4px;}


ol li.current a{background:#26a3ac;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
.prevBtn{display:block;width:27px;height:28px;position:absolute;right:60px; top:89%;z-index:99999999999!important;background:url(../../images/slider/back.png) no-repeat 0 0;cursor:pointer;} 
.nextBtn{ right:28px;display:block;width:27px;height:28px;position:absolute;top:89%;z-index:99999999999!important;background:url(../../images/slider/forward.png) no-repeat 0 0;cursor:pointer;}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
#slider, #slider img {width: 100%;}
#slider{ width:100%;}

@media(max-width: 768px){
	
		#container, #slider {width: auto;}
		#slider, #slider img {width: 100%;}
		.nextBtn{ top:98%;margin-right:35px; }
		.prevBtn{ top:98%;margin-right:40px;}
	}
	@media(max-width: 440px){
		
		.nextBtn{ top:98%;margin-right:25px; }
		.prevBtn{ top:98%;margin-right:30px;}
		}