.roll {
	padding: 20px 0 20px 5px; WIDTH: 598px; HEIGHT: 190px; background:#e4f5ff;
}
.rollBox IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
}
.rollBox {
	WIDTH: 590px; OVERFLOW: hidden
}
.rollBox .Cont {
	WIDTH: 522px; OVERFLOW: hidden
}
.rollBox .ScrCont {
	WIDTH: 1342177.27px
}
.rollBox .Cont .pic {
	TEXT-ALIGN: center; WIDTH: 522px; FLOAT: left; HEIGHT: 191px
}
* + HTML .rollBox .Cont .pic {
	TEXT-ALIGN: center; WIDTH: 522px; FLOAT: left
}
.rollBox .Cont .pic IMG {
	DISPLAY: block
}
.rollBox .Cont A {
	TEXT-DECORATION: none
}
.rollBox .Cont A:hover {
	TEXT-DECORATION: none
}
.rollBox #List1 {
	FLOAT: left
}
.rollBox #List2 {
	FLOAT: left
}
.img1 {
	FLOAT: left
}
.img2 {
	FLOAT: left
}
.Cont {
	FLOAT: left
}
.img1 {
	WIDTH: 34px; DISPLAY: block; HEIGHT: 191px; CURSOR: pointer
}
.img2 {
	WIDTH: 34px; DISPLAY: block; HEIGHT: 191px; CURSOR: pointer
}
.img1 {
	BACKGROUND-IMAGE: url(../images/pre.jpg); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center
}
.img2 {
	BACKGROUND-IMAGE: url(../images/next.jpg); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center
}
.video{background:#e4f5ff; padding:20px 10px;}
.video ul li{float:left; margin-left:35px;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}
.mybanner{
   z-index: -1000;
    position: absolute;
    width: 100%;
    height: 450px;
    overflow: hidden;
    top: 0px;
    left: 0px;
}