/*iscroll*/
.banner {width:100%;margin:0 auto;padding:0;background-color:#151515;}
#wrapper {margin:0;width:100%;height:auto;float:left;position:relative;/* On older OS versions "position" and "z-index" must be defined,*/z-index:1;/* it seems that recent webkit is less picky and works anyway. */overflow:hidden;}
#scroller {height:auto;float:left;padding:0;}
#scroller ul {list-style:none;display:block;float:left;width:100%;height:auto;padding:0;margin:0;text-align:left;}
#scroller li {display:block;float:left;width:auto;height:auto;text-align:center;font-size:0px;padding:0;position:relative;}
#scroller li a {display:block;padding:0;margin:0;}
#scroller li p {position:absolute;z-index:2;display:block;width:100%;bottom:0;background-color:rgba(0,0,0,0.5);color:#F4F4F4;font-size:14px;text-indent:55px;line-height:24px;text-align:left;text-indent:10px;text-overflow:ellipsis;white-space:nowrap;padding:0;margin:0;}
#nav {float:right;margin-top:-15px;padding:0;position:relative;width:auto;z-index:3;}
#prev,#next {float:left;font-weight:bold;font-size:14px;padding:5px 0;width:80px;display:none;}
#next {float:right;text-align:right;}
#indicator > li {display:block;float:left;list-style:none;padding:0;margin:0;}
#indicator {display:block;margin:0 8px;padding:0;width:auto;}
#indicator > li {text-indent:-9999em;width:8px;height:8px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#888;overflow:hidden;margin-right:4px;}
#indicator > li.active {background:#DDDDDD;}
#indicator > li:last-child {margin:0;}