#banner
{
	width: 960px;
	height: 283px;
	background-color: #CCC;
	float: left;
}

.mainBanner {
	position: absolute;
	overflow: hidden;
	width: 960px;
	height: 283px;
}

.mainBanner .items {
	width: 20000em;
	position: absolute;
}

.mainBanner .items .item {
	float: left;
	position: relative;
	width: 960px;
	height: 283px;
}

.mainBanner .items .item a:hover {
	text-decoration: none;	
}

.mainBanner .items .item .description {
    display: none;
	position: absolute;
	bottom: 0;
	background: url(../imgs/descriptionBG.png) repeat;
	color: #fff;
}

.mainBanner .items .item .description h2, .mainBanner .items .item .description p {
	padding: 0 18px;
	margin: 0;
	color: #fff;
}

.mainBanner .items .item .description h2 {
	color: #fff;
	font-size: 18px;
}

 .mainBanner .items .item .description p {
	margin-bottom: 10px;
}

.main_banner .mainBanner
{
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 283px;
}

.mainBanner .items
{
/*	width: 20000em;    */
/*	position: absolute;*/
}

.mainBanner .items .item
{
	float: left;
/*	position: relative;*/
	width: 960px;
	height: 283px;
}

.items .item a:hover
{
	text-decoration: none;
}

.items .item .description
{
	position: absolute;
/*	bottom: 0; */
	padding: 10px 56px;
	display: block;
	background: url(../imgs/descriptionBG.png) repeat;
	color: #fff;
	
}
.items .item .description h2, .mainBanner .items .item .description p
{
	margin: 0;
	color: #fff;
	width:598px;
}

.items .item .description h2
{
	overflow: hidden;
	height: 20px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.0;
	margin-bottom: 4px;
}

.items .item .description p
{
	font-size: 12px;
	line-height: 1.2;
	max-height: 28px;
	overflow: hidden;
	
	clear:both;
}

.mainBanner:hover a.browse
{
	display: block;
}

.mainBanner a.browse
{
	position: absolute;
	z-index: 2;
	/*background: url("imgs/btns.png") no-repeat;*/
	display: block;
	width: 46px;
	height: 46px;
	margin: 0;
	cursor: pointer;
	font-size: 1px;
	background-image: url(../imgs/btns.png);
}

.mainBanner a.right
{
	background-position: -46px 0;
	right: 15px;
	top: 77px;
}

.mainBanner a.right:hover
{
	background-position: -46px -46px;
}

.mainBanner a.right:active
{
	background-position: -46px -92px;
}

.mainBanner a.left
{
	background-position: 0 0;
	left: 15px;
	top: 77px;
}

.mainBanner a.left:hover
{
	background-position: 0 -46px;
}

.mainBanner a.left:active
{
	background-position: 0 -92px;
}

.mainBanner a.browse.disabled
{
	display: none !important;
}

.mainBanner a.browse.disable:hover
{
	display: none !important;
}

.navi
{
	/*margin-top: 10px;*/
	/*width: 200px;*/
    position: relative;
    left: 445px;
    top: -22px;
    width: 106px;
	height: 20px;
	display:block;
}

.navi a
{
	width: 15px;
	height: 15px;
	float: left;
	margin: 3px;
	background: url(./imgs/navigator.png) 0 0 no-repeat;
    /*background-color: gray;*/
	display: block;
	font-size: 1px;
}

.navi a:hover
{
	/*background-position: 0 -15px;*/
}

.navi a.active
{
	background-position: 0 -30px;
    background: url(./imgs/navigator_active.png) 0 0 no-repeat;
    /*background-color: red;*/
}