
#ZhuangBei {
	margin: 0 auto 16px;
	width: 1000px;
	height: 364px;
	position: relative;
	background-color: #0f0b0a;
	z-index: 1500;
	background: url(../images/gl-bg.png)
}

#ZB_left {
    float: left;
    width: 868px;
    height: 310px;
    position: relative;
    /*background-color: #171111;*/
    margin-top: 48px;
    margin-left: 20px;
}

#ZB_left .gundong {
	width: 811px;
	margin: 20px auto 0 auto
}

#ZB_left .gundong .jCarouselLite {
	float: left;
	width: 811px;
	height: 282px;
	overflow: hidden
}

.move_right,
.move_left {
	float: left;
	width: 39px;
	height: 248px;
	position: absolute;
	top: 20px;
	z-index: 500
}

.move_left span,
.move_right span {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	background: url(../images/move.png) no-repeat left top;
	background-repeat: no-repeat;
	cursor: pointer
}

.move_left {
	left: 2px
}

.move_left span {
	background-position: left top
}

.move_left:hover span {
	background-position: left bottom
}

.move_right {
	right: 2px
}

.move_right span {
	background-position: right top
}

.move_right:hover span {
	background-position: right bottom
}

#ZB_right {
    float: right;
    width: 95px;
    height: 310px;
    position: relative;
    /*background-color: #0f0b0a;*/
    margin-top: 48px;
    margin-right: 9px;
}

#ZB_right .gundong {
	margin: 49px auto 0;
	width: 52px
}

#ZB_right .gundong .jCarouselLite {
	width: 52px;
	height: 211px;
	overflow: hidden
}

.move_bottom,
.move_top {
	width: 34px;
	height: 34px;
	position: absolute;
	left: 29px;
	z-index: 500
}

.move_top span,
.move_bottom span {
	width: 34px;
	height: 34px;
	margin: 0 auto;
	background: url(../images/move2.png) no-repeat left top;
	background-repeat: no-repeat;
	display: block
}

.move_top {
	top: 8px
}

.move_top span {
	background-position: left top
}

.move_top:hover span {
	background-position: right top
}

.move_bottom span {
	background-position: left bottom
}

.move_bottom:hover span {
	background-position: right bottom
}

 

.PhotoList {
	float: left
}

.PhotoList li {
	float: left;
	width: 195px;
	color: #a4a6a3;
	margin-left: 5px;
	display: inline
}

.PhotoList li img {
	width: 195px;
	height: 248px;
	overflow: hidden;
	background: url(../images/zb.jpg) no-repeat left top;
	display: block
}

.PhotoList li strong {
	height: 33px;
	line-height: 33px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
	display: block
}

.imgList li {
	overflow: hidden;
	line-height: normal;
	width: 50px;
	height: 45px;
	position: relative;
	overflow: hidden;
	margin-bottom: 6px;
	border: 1px solid #d9a45e;
	border-radius: 3px;
	display: block
}

.imgList li em {
	height: 13px;
	line-height: 13px;
	position: absolute;
	overflow: hidden;
	color: #333;
	bottom: 0;
	left: 0;
	background: url(../images/baibg.png) repeat left top;
	display: none
}

.imgList li.change {
	border-color: #dedddb
}

.imgList li.change em {
	width: 50px;
	color: #333;
	display: block
}

.imgList li img {
	float: left;
	width: 100%;
	height: 100%;
	display: block
}

.jScrollPaneContainer {
	width: 337px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1
}

.jScrollPaneTrack {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/line_y.jpg) repeat-y left top;
	cursor: pointer
}

.jScrollPaneDrag {
	position: absolute;
	overflow: hidden;
	background: url(../images/line_y2.jpg) repeat-y left top;
	cursor: pointer
}

.jScrollPaneDragTop {
	width: 10px;
	height: 2px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	background: url(../images/line_y2_top.jpg) no-repeat left top
}

.jScrollPaneDragBottom {
	width: 10px;
	height: 2px;
	line-height: 0;
	position: absolute;
	overflow: hidden;
	font-size: 0;
	bottom: 0;
	left: 0;
	background: url(../images/line_y2_bom.jpg) no-repeat left bottom
}

a.jScrollArrowUp {
	height: 0;
	position: absolute;
	text-indent: -2000px;
	overflow: hidden;
	top: 0;
	right: 0;
	z-index: 1
}

a.jScrollArrowDown {
	height: 0;
	position: absolute;
	text-indent: -2000px;
	overflow: hidden;
	right: 0;
	bottom: 0;
	z-index: 1
}

.scroll-pane {
	width: 330px;
	height: 202px;
	margin: 0 auto;
	padding-right: 0
}

#DocContent {
	width: 473px;
	height: 570px;
	padding-top: 30px
}

#DocContent .scroll-pane {
	width: 440px;
	height: 537px
}

#DocContent .jScrollPaneContainer {
	width: 430px
}

#DocContent .content {
	line-height: 23px
}

#DocContent .content p {
	text-indent: 24px
}
