/* CSS Document */
* {
margin: 0;
padding: 0;
}
img {
border: none;
}
ul {
list-style: none;
}
body {
background: #fff;
}
ul li {
display: none;
}
#box {
width: 700px;
margin: 40px auto;
border: #CCC solid 1px;
position: relative;
height: 100%;
}
.current {
display: block;
}
.big_img {
width: 700px;
height: 320px;
overflow: hidden;
}
.slider_title {
position: absolute;
top: 266px;
width: 100%;
height: 58px;
background: url(../img/title_bg.fw.png) repeat;
filter: Alpha(Opacity="90")
}
.slider_title a {
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
color: #98E404;
text-decoration: none;
display: block;
height: 55px;
line-height: 55px;
padding-left: 15px;
}
.slider_list {
background: #000;
width: 700px;
position: absolute;
top: 320px;
margin-top: -3px;
padding-top: 8px;
padding-bottom: 7px;
}
.slider_list li {
opacity: 0.5;
filter: Alpha(Opacity="50");
display: inline;
float: left;
margin: 0 0 0 9px;
position: relative;
width: 60px;
height: 60px;
}
.slider_list .current {
position: relative;
background: none;
opacity: 1;
;
filter: Alpha(Opacity="100")
}
.slider_list .current .border {
position: absolute;
display: block;
background: #98E404;
width: 60px;
height: 4px;
overflow: hidden;
left: 0;
bottom: 0;
}