/* 本例子css */
.msn-focus {
	width: 526px;
	height: 346px;
}
.msn-focus img {
	width: 526px;
	height: 346px;
	display: block
}
.msn-focus .hd {
	font-size: 12px;
	height:20px;
	line-height: 20px;
	width: 526px;
	margin-right: -7px;
}
.msn-focus .hd li {
	display: inline;
	float: left;
	margin: 0 7px 0 0;
	height: 25px;
}
.msn-focus .hd .on {
	background: url("../images/arrow.png") no-repeat scroll center bottom
}
.msn-focus .hd .on a {
	background-color: #38a3db;
	color: #fff
}
.msn-focus .hd a {
	height: 20px;
	background-color: #eee;
	float: left;
	padding: 0 8px;
}
.msn-focus .bd {
	width: 526px;
	height: 346px;
	position: relative;
	overflow: hidden;
}
.msn-focus .bd ul {
	height: 346px;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	line-height: 28px;
}
.msn-focus .bd li {
	width: 526px;
	height: 346px;
	background-color: #fff;
	position: relative;
}
.msn-focus .bd li p {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 30px;
	height: 30px;
	_height:30px;
	width: 526px;
	white-space: nowrap;
	overflow: hidden;
}
.msn-focus .bd li p i {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 526px;
	height: 30px;
	_height:30px;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.msn-focus .bd li p a, .msn-focus .bd li p a:visited {
	position: relative;
	color: #fff;
	margin-left: 15px;
}
.msn-focus .bd li p a:hover {
	color: #ff;
}
.msn-focus .prev, .msn-focus .next {
	position: absolute;
	bottom: 140px;
	width: 29px;
	height: 64px;
	opacity: .6;
	filter: alpha(opacity=60);
	overflow: hidden;
	display: none;
	text-indent: -999px;
	border: none;
	background: url(../images/arrowLR.png) no-repeat;
}
.msn-focus .prev: hover, .msn-focus .next: hover {
	opacity: .9;
	filter: alpha(opacity=90)
}
.msn-focus .prev {
	left: 0;
	background-position: -50px 0
}
.msn-focus .next {
	right: 0;
}
.msn-focus .bdOn .prev, .msn-focus .bdOn .next {
	display: block;
}