/*焦点图*/

#banner {
	position: relative;
	width: 360px;
	height: 240px;
	overflow: hidden;
	font-size: 16px
}

#banner_list img {
	border: 0px;
}

#banner_bg {
	position: absolute;
	bottom: 0;
	height: 60px;
	z-index: 1000;
	cursor: pointer;
	width: 360px;
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
}

#banner_info {
	position: absolute;
	bottom: 4px;
	left: 14px;
	height: 35px;
	text-align:center;
	color: #ffffff;
	z-index: 1001;
	cursor: pointer;
	width: 340px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:18px;
}

#banner_text {
	position: absolute;
	width: 120px;
	z-index: 1002;
	right: 3px;
	bottom: 3px;
}

#banner_list a {
	position: absolute;
}

#banner_list a img {
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	transform: scale(1.3);
	transition:all 0.4s ease;
}
#banner_list a:hover img {
	filter: Alpha(Opacity=100);
	opacity: 1;
	transform: scale(1.4);
	transition:all 0.4s ease;
}

#banner1 {
	width: 280px;
	border: 0px solid #666;
	overflow: hidden;
	font-size: 16px;
}

#banner1 ul {
	list-style-type: none;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	margin: 0 auto;
	padding-top: 20px;
	padding-left:38%;
}
#banner1 li {
	line-height: 6px;
	float: left;
	display: block;
	color: #FFF;
	cursor: pointer;
	margin: 0 3px;
} 
.roll {
	width:6px;
	height:6px;
	border-radius:1000px;
	background-color:#4c5a65;
	display:inline-block;
	
}
.roll-active {
	width:18px;
	height:6px;
	border-radius:1000px;
	background-color:#50b400;
	display:inline-block;
	
}
a#left {
	display:block;
	width:30px;
	height:40px;
	font-size:12px;
	line-height:40px;
	text-align:center;
	position:absolute;
	left:0;
	top:30%;
	background-color: rgba(53,53,53,0.4);
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	color:#ffffff;
	transition:all 0.5s ease;
}
a#left:hover {
	display:block;
	width:30px;
	height:40px;
	font-size:12px;
	line-height:40px;
	text-align:center;
	position:absolute;
	left:0;
	top:30%;
	background-color: rgba(80,180,0,0.8);
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	color:#ffffff;
	transition:all 0.5s ease;
}
a#right {
	display:block;
	width:30px;
	height:40px;
	font-size:12px;
	line-height:40px;
	text-align:center;
	position:absolute;
	right:0;
	top:30%;
	background-color: rgba(53,53,53,0.4);
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	color:#ffffff;
	transition:all 0.5s ease;
}
a#right:hover {
	display:block;
	width:30px;
	height:40px;
	font-size:12px;
	line-height:40px;
	text-align:center;
	position:absolute;
	right:0;
	top:30%;
	background-color: rgba(80,180,0,0.8);
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	color:#ffffff;
	transition:all 0.5s ease;
}