@charset "utf-8";

.column34 .left_side {
	width: 380px;
	float: left
}

.column34 .right_side {
	width: 580px;
	float: right
}



.resp-1440 .column34 .left_side {
	width: 580px
}

.resp-1440 .column34 {
	width: 1380px
}

.resp-1440 .column34 .right_side {
	width: 780px
}

.column322 {
	width: 980px
}

.column322 .column_body {
	overflow: hidden
}

.column322 .center_side,
.column322 .left_side,
.column322 .right_side {
	position: relative;
	overflow: hidden
}

.column322 .left_side {
	width: 380px;
	float: left
}

.column322 .center_side {
	width: 380px;
	float: left;
	margin-left: 20px;
	_display: inline
}

.chart-info img,
.resp-1024 .hide-1024,
.resp-1024 .hide-1280,
.resp-1280 .hide-1280 {
	display: none
}

.column322 .right_side {
	width: 180px;
	float: right
}



.resp-1440 .column322 .right_side {
	width: 380px
}

.column322 {
	width: 1380px
}

.column322 .left_side {
	width: 580px
}

.Focus {
	width: 100%;
	min-width: 980px;
	overflow: hidden
}

.chart {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.chart-txt,
.s-mul a,
.s-mul span,
.s-txt,
.slides li {
	position: absolute
}

.Maskflash {
	width: 100%;
	background: #000
}

.chart-info {
	width: 100%;
	height: 480px;
	background-color: #000
}

.s-1280,
.s-bg,
.s-mul a,
.s-mul span {
	display: block
}

.slides li {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center
}

.s-mul a {
	left: 0;
	top: 0;
	width: 100%;
	height: 340px
}

.s-mul span {
	z-index: 0;
	cursor: pointer
}

.s-bg {
	width: 600px;
	height: 300px;
	background: url(http://i2.letvimg.com/img/201303/22/blackbg.png) left top no-repeat;
	_background: 0 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i2.letvimg.com/img/201303/22/blackbg.png');
	bottom: 0;
	left: 0
}



.s-txt {
	left: 21px;
	bottom: 70px;
	top: 38%;
	color: #fff;
	width: 460px;
	cursor: pointer;
	display: none
}

.s-txt dd,
.s-txt dt {
	overflow: hidden;
	text-shadow: 1px 1px 0 #444
}

.s-txt .caption {
	font-size: 50px;
	line-height: 70px;
	height: 70px
}

.s-txt .time {
	font-size: 20px;
	line-height: 30px;
	height: 30px
}



.slides li {
	display: none;
	opacity: 0
}

.slides li.active {
	display: block;
	opacity: 1
}

.chart-txt {
	width: 204px;
	height: 300px;
	padding: 5px 0;
	border: 1px solid #545454;
	border-radius: 5px;
	top: 14px;
	left: 50%;
	margin-left: 286px;
	z-index: 1;
	overflow: hidden
}

.chart-txt .list-bg {
	width: 100%;
	height: 310px;
	background: #222;
	opacity: .9;
	filter: alpha(opacity=90);
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0
}

.chart-list li,
.rank li.li_01 b {
	opacity: .5;
	filter: alpha(opacity=50)
}

.chart-txt .list-txt {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2
}

.chart-txt li {
	overflow: hidden
}
.chart-txt li a{
	color: #fff
}

.chart-txt li a {
	display: block;
	line-height: 30px;
	height: 30px;
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #fff
}

.chart-txt li.active {
	background: #83221c;
	border-left: 2px solid #e32317
}

.chart-txt li.active a {
	padding-left: 13px
}




.chart-txt li.active a {
	padding-left: 20px
}

.chart-info,
.s-mul a {
	height: 480px
}

.s-txt {
	left: 61px;
	top: 40%
}

.chart-txt {
	width: 230px;
	height: 380px;
	top: 44px;
	margin-left: 459px
}

 .chart-txt .list-bg {
	height: 390px
}

 .chart-txt li a {
	line-height: 38px;
	height: 38px;
	padding: 0 10px 0 22px;
	font-size: 14px
}

.chart-list {
	width: 1000px;
	height: 48px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: -18px;
	padding-top: 18px;
	z-index: 1
}

.chart-list li,
.chart-list li img {
	width: 100px;
	height: 48px
}

.chart-list li {
	float: left;
	position: relative;
	cursor: pointer;
	overflow: hidden
}

.chart-list li span {
	display: none;
	width: 94px;
	height: 42px;
	border: 3px solid #fff;
	position: absolute;
	top: 0;
	left: 0
}
body {
	background: #fff;
	color: #444;
	overflow: auto;
}