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