
/* 本例子css */
.focusBox ul,.focusBox li{margin:0px; padding:0px; list-style:none;}
.focusBox {
	position:relative; float:left; top:0px;
	width:375px;
	height:250px;

	font:12px/1.5 Verdana,Geneva,sans-serif;
	text-align:left;
	background:white;
}
.focusBox .pic img {
	width:375px;
	height:250px;
	display:block; border:0px;
}

.focusBox .pic ul li{position: absolute; 360px; height:240px; left: 0px; top: 0px; display: none;} 


.focusBox .txt-bg {
	position:absolute;
	bottom:0;
	z-index:1;
	height:37px;
	width:100%;
	/*background:#333;
	filter:alpha(opacity=40);
	opacity:0.4;*/
	overflow:hidden;
}
.focusBox .txt {
	position:absolute;
	bottom:-37px; background:#2465A5;
	z-index:2;
	height:37px;
	width:100%;
	overflow:hidden;
}
.focusBox .txt li {
	height:37px;
	line-height:37px;
	position:absolute;
	bottom:-37px;
}



.focusBox .txt li a {
	display:block;
	color:white;
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.focusBox .num {
	position:absolute;
	z-index:3;
	bottom:8px;
	right:8px;
}
.focusBox .num li {
	float:left;
	position:relative;
	width:10px;
	height:10px; border:1px solid #FFFFFF;;
	line-height:0px; border-radius:10px;
	overflow:hidden;
	text-align:center;
	margin-right:2px;
	cursor:pointer; 
}

.focusBox .num li a,.focusBox .num li span {
	position:absolute;
	z-index:2;
	display:block;
	color:white;
	width:100%;
	height:100%;
	top:0;color:#F37401;
	left:0;
	text-decoration:none;
}

.focusBox .num li.on a { color:#FFFFFF;}
.focusBox .num li span {
	z-index:1;

   /* 
	filter:alpha(opacity=50);
	opacity:0.5;*/
}
.focusBox .num li.on a,.focusBox .num a:hover {
	background:#fff;	width:10px; height:10px; border-radius:5px;
}
