﻿.slideBox {
	OVERFLOW: hidden; WIDTH: 100%; POSITION: relative
}
.slideBox .hd .prev {
	OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 9px; WIDTH: 5px; BACKGROUND: url(../images/ad_ctr.png) no-repeat 0px 0px; FLOAT: right; MARGIN-TOP: 10px; DISPLAY: block; MARGIN-RIGHT: 5px
}
.slideBox .hd .next {
	OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 9px; WIDTH: 5px; BACKGROUND: url(arrow.png) no-repeat 0px 0px; FLOAT: right; MARGIN-TOP: 10px; DISPLAY: block; MARGIN-RIGHT: 5px
}
.slideBox .hd .next {
	BACKGROUND-POSITION: 0px -50px
}
.slideBox .hd .prevStop {
	BACKGROUND-POSITION: -60px 0px
}
.slideBox .hd .nextStop {
	BACKGROUND-POSITION: -60px -50px
}
.slideBox .hd {
	OVERFLOW: hidden; HEIGHT: 15px; RIGHT: 5px; POSITION: absolute; Z-INDEX: 10; BOTTOM: 5px
}
.slideBox .hd UL {
	OVERFLOW: hidden; ZOOM: 1; FLOAT: left
}
.slideBox .hd UL LI {
	OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 18px; WIDTH: 18px; BACKGROUND: url(../images/dot.png) no-repeat 0px 0px; FLOAT: left; TEXT-ALIGN: center; LINE-HEIGHT: 14px; MARGIN-RIGHT: 5px; TEXT-INDENT: -999px
}
.slideBox .hd UL LI.on {
	BACKGROUND: #f00 0px 0px; COLOR: #fff;HEIGHT: 18px; WIDTH: 18px;BACKGROUND: url(../images/dot.png) no-repeat 0px -16px;FLOAT: left; TEXT-ALIGN: center; LINE-HEIGHT: 14px; MARGIN-RIGHT: 5px;TEXT-INDENT: -999px
}
.slideBox .bd {
	HEIGHT: 100%; POSITION: relative; Z-INDEX: 0
}
.slideBox .bd LI {
	VERTICAL-ALIGN: middle; ZOOM: 1
}
.slideBox .bd IMG {
	DISPLAY: block
}
.slideBox .prev {
	HEIGHT: 40px; WIDTH: 32px; BACKGROUND: url(../images/slider-arrow.png) no-repeat -110px 5px; POSITION: absolute; LEFT: 3%; FILTER: alpha(opacity=50); MARGIN-TOP: -25px; DISPLAY: block; TOP: 50%; opacity: 0.5
}
.slideBox .next {
	HEIGHT: 40px; WIDTH: 32px; BACKGROUND: url(../images/slider-arrow.png) no-repeat -110px 5px; POSITION: absolute; LEFT: 3%; FILTER: alpha(opacity=50); MARGIN-TOP: -25px; DISPLAY: block; TOP: 50%; opacity: 0.5
}
.slideBox .next {
	RIGHT: 3%; BACKGROUND-POSITION: 8px 5px; LEFT: auto
}
.slideBox .prev:hover {
	FILTER: alpha(opacity=100); opacity: 1
}
.slideBox .next:hover {
	FILTER: alpha(opacity=100); opacity: 1
}
.slideBox .prevStop {
	DISPLAY: none
}
.slideBox .nextStop {
	DISPLAY: none
}
.banner {
	OVERFLOW: hidden; WIDTH: 100%; BACKGROUND: #fff; POSITION: relative; TEXT-ALIGN: center
}
.banner .bd {
	WIDTH: 1100px; POSITION: absolute; MARGIN-LEFT: -550px; LEFT: 50%
}
.banner .bd LI {
	OVERFLOW: hidden; WIDTH: 1100px
}
.banner .bd LI IMG {
	WIDTH: 1100px; DISPLAY: block
}
.banner .tempWrap {
	OVERFLOW: visible !important
}
.banner .tempWrap UL {
	MARGIN-LEFT: -1100px !important
}
.banner .hd {
	HEIGHT: 8px; WIDTH: 100%; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 1; BOTTOM: 20px
}
.banner .hd LI {
	OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 18px; WIDTH: 18px; BACKGROUND: url(../images/dot.png) no-repeat 0px 18px; ZOOM: 1; FILTER: alpha(opacity=60); MARGIN: 0px 5px; DISPLAY: inline; LINE-HEIGHT: 99px; opacity: 0.6
}
.banner .hd LI.on {
	BACKGROUND-POSITION: 0px 0px; FILTER: alpha(opacity=100); opacity: 1
}
.banner .pnBtn {
	CURSOR: pointer; HEIGHT: 420px; WIDTH: 100%; POSITION: absolute; Z-INDEX: 1; TOP: 0px
}
.banner .prev {
	MARGIN-LEFT: -550px; LEFT: -50%
}
.banner .next {
	MARGIN-LEFT: 550px; LEFT: 50%
}
.banner .pnBtn .blackBg {
	HEIGHT: 420px; WIDTH: 100%; BACKGROUND: #fff; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=90); DISPLAY: block; TOP: 0px; opacity: 0.90
}
.banner .pnBtn .arrow {
	HEIGHT: 40px; WIDTH: 32px; POSITION: absolute; FILTER: alpha(opacity=60); Z-INDEX: 1; DISPLAY: none; TOP: 0px; opacity: 0.6
}
.banner .pnBtn .arrow:hover {
	FILTER: alpha(opacity=1); opacity: 1
}
.banner .prev .arrow {
	BACKGROUND: url(slider-arrow.png) no-repeat 0px 0px; RIGHT: -60px; MARGIN-TOP: -30px; TOP: 50%
}
.banner .next .arrow {
	BACKGROUND: url(slider-arrow.png) no-repeat -58px 0px; LEFT: -60px; MARGIN-TOP: -30px; TOP: 50%
}