.banner{
	max-width:100%;
}

#wrapper{
	width:100%;
}

.banner #scroller li {
	display:block; float:left;
	width:auto; height:auto;
	text-align:center;
	font-size:0px;
	padding:0;
	position:relative;
}
.banner #scroller li a{
	display:block;
	padding:0;
	margin:0;
}
.banner #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;
}
.banner #nav {
	float: right;
    margin-top: -15px;
    padding: 0;
    position: relative;
    width: auto;
    z-index: 3;
}

.banner #prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
	display: none;
}

.banner #next {
	float:right;
	text-align:right;
}

.banner #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

.banner #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;
}

.banner #indicator > li.active {
	background:#DDDDDD;
}

.banner .clr {
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}