/* 本例子css */.focusBox {
	position: relative;
	width: 311px;
	height: 178px;
	overflow: hidden;
	font: 12px/1.5 Verdana, Geneva, sans-serif;
	text-align: left;
	background: white;
}.focusBox .pic img { width: 311px; height: 178px; display: block; }.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}.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: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; 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; left: 0; text-decoration: none; }.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; }

/* 本例子css */.focusBoxa { position: relative; width: 320px; height: 240px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }.focusBoxa .pic img { width: 320px; height: 240px; display: block; }.focusBoxa .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }.focusBoxa .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }.focusBoxa .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}.focusBoxa .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }.focusBoxa .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }.focusBoxa .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }.focusBoxa .num li a,.focusBoxa .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }.focusBoxa .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }.focusBoxa .num li.on a,.focusBoxa .num a:hover{ background:#f60; }



/* 本例子css */.focusBox2 {
	position: relative;
	width: 311px;
	height: 178px;
	overflow: hidden;
	font: 12px/1.5 Verdana, Geneva, sans-serif;
	text-align: left;
	background: white;
}.focusBox2 .pic2 img { width: 311px; height: 178px; display: block; }.focusBox2 .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }.focusBox2 .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }.focusBox2 .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}.focusBox2 .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }.focusBox2 .num2 { position: absolute; z-index: 3; bottom: 8px; right: 8px; }.focusBox2 .num2 li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }.focusBox2 .num2 li a,.focusBox2 .num2 li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }.focusBox2 .num2 li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }.focusBox2 .num2 li.on a,.focusBox2 .num2 a:hover{ background:#f60; }

/* 本例子css */.focusBoxa2 { position: relative; width: 320px; height: 240px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }.focusBoxa2 .pic2 img { width: 320px; height: 240px; display: block; }.focusBoxa2 .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }.focusBoxa2 .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }.focusBoxa2 .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}.focusBoxa2 .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }.focusBoxa2 .num2 { position: absolute; z-index: 3; bottom: 8px; right: 8px; }.focusBoxa2 .num2 li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }.focusBoxa2 .num2 li a,.focusBoxa2 .num2 li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }.focusBoxa2 .num2 li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }.focusBoxa2 .num2 li.on a,.focusBoxa2 .num2 a:hover{ background:#f60; }