.cn_wrapper{
	width:1000px;
	height:580px;
	position:relative;
	color:#fff;
}
.cn_wrapper h1{
	font-size:25px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
	
}
.cn_wrapper h2{
	padding-top: 10px;
	font-size:14px;
	padding-bottom:5px;
	color: #555;
	font-weight: bold;
	line-height: 1.5;
}
.cn_list{
	width:250px;
	height:580px;
	position:absolute;
	top:2px;
	left:6px;
}
.cn_preview{
	width:500px;
	height:580px;
	position:absolute;
	top:2px;
	left:6px;
	left:270px;
	/*overflow-y:scroll;
	overflow-x:hidden;*/
	border-left: 1px solid #ddd;
}
.cn_content{
	left:5px;
	width:700px;
	padding:10px;
	position:absolute;
	height:580px;
}
/*.cn_content_img {
	width:670px;
}*/


.cn_content_img .img_top ,.cn_content_img .img_top img ,.cn_content_img .img_top embed{
	width: 600px;
	height: 448px;
}

.cn_content_img_s {
	margin-top: 10px;

}

.cn_content_img_s li{
	float: left;
	width: 90px;
	height: 60px;
	display: block;
	margin-right:10px; 
	opacity: 0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	border:0px;
	cursor: pointer;
}

.cn_content_img_s li img {
	position: relative;
	top: 0px;
	width: 90px;
	height: 60px;
}

 .cn_content_img_s .on ,.cn_content_img_s li:hover {
	width: 90px;
	height: 60px;
	cursor:pointer;
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity:1;
	filter:alpha(opacity=100);
}

.cn_date{
	font-size:12px;
	color: #888;
	margin-bottom: 10px;
	display: block;
}
.cn_category{
	position:absolute;
	bottom:30px;
	left:8px;
	font-size:11px;
	padding:1px 3px;
	background:#ccc;
	border:1px solid #ddd;
	color:#000;

}
.cn_content p{
	margin-top:10px;
	font-size: 14px;
	line-height: 22px;
	color: #333;
}

.cn_content p a {
	text-decoration: underline;
}

.cn_content p a:hover {
	text-decoration: underline;
	color: #000;
}

.cn_item{
	border-bottom:1px solid #d5d5d5;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	height:80px;
	width: 230px;
	color:#888;
	padding:5px 25px 0px 10px;
	margin:6px 5px 0px 0px;
}
.cn_item:hover, .selected{
	background-image: url(../../images/is.png);
	background-repeat: no-repeat;
	background-position: 245px 33px;
	background-color: #fff;
}
.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2{
	color: #a40001;
	
}
.cn_item:hover p,
.cn_list .selected p,
.cn_item:active p{
	color: #333;
	
}
.cn_item:active {
	color: #333;
}
.cn_list p{
	height:15px;
	padding-top:2px;
	overflow:hidden;
	line-height: 1.4;
}
.cn_nav{
	width:250px;
	height:20px;
	position:absolute;
	bottom:0px;
	left:0px;
}
a.cn_next, a.cn_prev{
	height:20px;
	width:15px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	outline:none;
}
a.cn_next{
	float: right;
	background: url(../../images/media_cn_nav.gif) no-repeat -15px 0px;
}


a.cn_prev{
	float: left;
	margin-right:5px;
	background: url(../../images/media_cn_nav.gif) no-repeat 0px 0px;
}


.cn_prev:hover ,.cn_prev:active ,.cn_prev a.disabled{
	background-position: 0px -20px;
}

.cn_next:hover ,.cn_next:active ,.cn_next a.disabled{
	background-position: -15px -20px;
}

.cn_page{
	display:none;
}

.page_number {
	text-align: center;
	margin-top: 5px;
	width: 210px;
	float: left;
	font-family: Arial;
}

.page_number a {
	color: #888;
	font-size: 14px;
	margin: 5px;
}

.page_number a:hover ,.page_number .on {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.player {
	width:90px;
	height: 60px;
	background-image: url(../../images/player.png);
	background-position: center;
	position: relative;
	top: -60px;
	z-index: 9999;
}

@media screen and (max-width: 1260px){
	.cn_wrapper{width:480px;}
	.cn_content{width:450px;}
	.cn_content img{width:460px;}
	.cn_content_img {width:500px;}
	.cn_content_img .img_top ,.cn_content_img .img_top img ,.cn_content_img .img_top iframe {
		width: 440px;
		height: 328px;
	}
	.cn_content_img_s li{
		width: 80px;
		height: 60px;
	}
	.cn_content_img_s li img ,.cn_content_img_s .on ,.cn_content_img_s li:hover {width: 80px; height: 60px;}

	.player { width:80px; height:60px;}
}