/*iscroll*/



.banner {

	width:100%;

	margin:0px;

	padding:0px;

	background-color:#ffffff;

	float:left;

	background:url(/skin/default/images/loading.gif) 50% no-repeat;

}

.banner img {width: 100%;}



#wrapper {

	margin:0;

	width:100%;

	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{



	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;

	line-height:28px;

	text-align: left;

    text-indent:2.5%;

    text-overflow: ellipsis;

    white-space: nowrap;

	padding:0;

	margin:0;

}

#nav { margin-left:50%; left:-15px;

float:left;

margin-top:-25px;

    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;

    padding: 0;

    width: auto;

}



#indicator > li {

	text-indent:-9999em;

	width:8px; height:8px;

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	-o-border-radius:8px;

	border-radius:8px;

	background:#ffffff;

	overflow:hidden;

	margin-right:8px;



}



#indicator > li.active {

	background:#1755a0;

}



#indicator > li:last-child {

	margin:0 8px 0 0;

}