﻿/* 本例子css */
.focusBox {position: relative;width: 960px;height: 280px;overflow: hidden;}
.focusBox .pic img {width: 960px;height: 280px;display: block;}
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 46px; line-height:46px; width:100%; overflow: hidden; background: url(../images/txt-bg.png);}
.focusBox .txt li{ height:46px;position:absolute; bottom:0;}
.focusBox .txt li a{display: block;color:#fff;padding: 0 0 0 33px;font-size: 14px;text-decoration: none;}
.focusBox .num {position: absolute;z-index: 3;bottom: 12px;right: 28px;}
.focusBox .num li{float: left;position: relative;width: 13px;height: 12px;line-height: 61px;overflow: hidden;text-align: center;margin: 5px;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:url(../images/yuan.png) no-repeat; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:url(../images/yuan-on.png) no-repeat;}
.focusBox .prev{ position:absolute; left:50%; margin-left:-600px; top:232px; margin-top:-25px; display:block; width:50px; height:50px; background:url(../images/l.png) 0px 0px no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
.focusBox .next{ position:absolute; right:50%; margin-right:-600px;  top:232px; margin-top:-25px; display:block; width:50px; height:50px; background:url(../images/r.png) 0px 0px no-repeat; filter:alpha(opacity=80);opacity:0.8; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1;}