.slider {
 z-index: 1;
 min-width: 1400px;
 height: 460px;
 position: relative;
 overflow: hidden;
 background: #fff;
 text-align: center
}

.slider .bd {
 width: 1400px;
 position: absolute;
 left: 50%;
 margin-left: -200px
}

.slider .bd li {
 width: 1400px;
 overflow: hidden;
 list-style: none
}

.slider .bd li div {
 display: block;
 width: 1400px;
 height: 460px;
 position: relative
}

.slider .bd li div span {
 position: absolute;
 bottom: 25px;
 left: 0;
 min-width: 350px;


 background: #000;
 filter: alpha(opacity=80);
 opacity: .80;
 max-height: 150px;
 padding: 15px 10px;
 color: #fff;
 font-size: 1.3em;
 font-weight: 700
}

.slider .tempWrap {
 overflow: visible!important
}

.slider .tempWrap ul {
 margin-left: -1400px!important
}

.slider .hd {
 position: absolute;
 z-index: 1;
 height: 8px;
 bottom: 26px;
 text-align: left;
 right: 50%;
 margin-right: -395px
}

.slider .slider_more {
 position: absolute;
 z-index: 1;
 height: 8px;
 bottom: 26px;
 text-align: left;
 left: 50%;
 margin-left: 395px
}

.slider .slider_more a {
 display: inline-block;
 *display: inline;
 zoom: 1;
 width: 80px;
 height: 24px;
 text-align: center;
 line-height: 24px;
 overflow: hidden;
 border: 1px #fff solid;
 background: #333;
 margin: 0 5px;
 cursor: pointer;
 filter: alpha(opacity=85);
 opacity: .85;
 color: #f3f3f3
}

.slider .slider_more a:hover {
 color: #214997;
 background: #fff;
 border: 1px #214997 solid;
 filter: alpha(opacity=90);
 opacity: .9;
}

.slider .hd li {
 display: inline-block;
 *display: inline;
 zoom: 1;
 width: 20px;
 height: 20px;
 text-align: center;
 line-height: 20px;
 overflow: hidden;
 border: 1px #fff solid;
 background: #333;
 margin: 0 5px;
 cursor: pointer;
 filter: alpha(opacity=85);
 opacity: .85;
 color: #f3f3f3
}

.slider .hd li.on {
 color: #214997;
 background: #fff;
 border: 1px #214997 solid;
 filter: alpha(opacity=80);
 opacity: .8;
 height: 24px;
 line-height: 24px;
 width: 24px
}

.slider .pnBtn {
 position: absolute;
 z-index: 1;
 top: 0;
 height: 460px;
 cursor: pointer
}

.slider .prev {
 left: -50%;
 margin-left: -700px
}

.slider .next {
 left: 50%;
 margin-left: 700px
}

.slider .pnBtn .blackBg {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 height: 460px;
 background: #000;
 filter: alpha(opacity=80);
 opacity: .80
}

.slider .pnBtn .arrow {
 display: none;
 position: absolute;
 top: 30px;
 z-index: 1;
 width: 60px;
 height: 380px
}

.slider .pnBtn .arrow:hover {
 filter: alpha(opacity=60);
 opacity: .6
}

.slider .prev .arrow {
 right: 0;
 background: url(../images/slider-arrow.png) -120px 40px no-repeat
}

.slider .next .arrow {
 left: 0;
 background: url(../images/slider-arrow.png) 0 30px no-repeat
}