css

@charset "utf-8";

* {

margin: 0;

padding: 0;

list-style-type: none;

}

a,img {

border: 0;

}

body {

font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";

}

/* flexslider */

.flexslider {

margin-bottom:10px;

position: relative;

width: 100%;

height: 100%;

overflow: hidden;

zoom: 1;

}

.flex-viewport {

max-height: 2000px;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

transition: all 1s ease;

}

.flexslider .slides {

zoom: 1;

}

.flex-direction-nav a {

width: 60px;

height: 90px;

line-height: 99em;

overflow: hidden;

margin: -60px 0 0;

display: block;

background: url(../images/ad_ctr.png) no-repeat;

position: absolute;

top: 50%;

z-index: 10;

cursor: pointer;

opacity: 0;

filter: alpha(opacity = 0);

-webkit-transition: all .3s ease;

}

.flex-direction-nav .flex-next {

background-position: 0 -90px;

right: 0;

}

.flex-direction-nav .flex-prev {

left: 0;

}

.flexslider:hover .flex-next {

opacity: 0.8;

filter: alpha(opacity = 25);

}

.flexslider:hover .flex-prev {

opacity: 0.8;

filter: alpha(opacity = 25);

}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {

opacity: 1;

filter: alpha(opacity = 50);

}

.flex-control-nav {

width: 100%;

position: absolute;

bottom: 10px;

text-align: center;

}

.flex-control-nav li {

margin: 0 5px;

display: inline-block;

zoom: 1;

*display: inline;

}

.flex-control-paging li a {

background: url(../images/dot.png) no-repeat 0 -16px;

display: block;

height: 16px;

overflow: hidden;

text-indent: -99em;

width: 16px;

cursor: pointer;

}

.flex-control-paging li a.flex-active {

background-position: 0 0;

}