.newsLayout{width:720px; margin:0 auto;}
ul.news-list{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
ul.news-list li {
	color:#666;
	text-align: left;
	/*border-top:1px dotted #CCCCCC;*/
	overflow:hidden;
	padding:10px;
	display: block;
	float:left;
	width:340px;
}

ul.news-list li:hover{ background:#f5f5f5;}
ul.news-list li .pic_zone{
	float:left;
	margin-right:10px;
}
ul.news-list li .text_zone{
	width:250px;
	height:63px; overflow:hidden;
	float:left;
}

.news-list .title_name{ font-size:13px; line-height:16px;  font-weight:bold; color:#283897;}

.news-list .preview-text{font-size:11px; line-height:16px;}

.news-list .preview-text p{padding:0; margin:0; text-indent: 0px;}

/****image*********/
.photos_view_news a {cursor: pointer; text-decoration: none; display:block;}
.photos_view_news .MediaThumb i {background-color: none; background-position: center 25%;  background-repeat: no-repeat; display: block;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.MediaThumb:hover, .MediaThumb:active, .MediaThumb:focus{opacity:0.8;}

.photos_view_news .MediaThumb { background:none; display: inline-block; outline: medium none; padding:0px; position: relative;}
.photos_view_news .MediaThumbMedium i {width:70px; height:67px;} /*medium small big*/
.photos_view_news .MediaThumbSmall i {width:75px; height:50px;}
.photos_view_news .MediaThumbWide i{ width:200px; height:120px;}


.note_item{ font-size:11px; line-height:16px; font-style:italic; color:#666; margin-top:3px; height:16px; overflow:hidden;}
/* Text */
.note_item a:link {color:#888; text-decoration:none;}
.note_item a:visited {color:#888;}
.note_item a:active {color:#888;}
.note_item a:hover {color:#333;}

.news_more{margin-top:0px; height:16px;}
.news_more a{
	display:block;
	height:16px;
	background:url(/images/icons/blue-more-icon.gif) no-repeat left center;
	padding-left:18px;
	line-height:16px;
	float:right;
}

/*	Tablet Layout: 768px. set=740px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.newsLayout{width:480px; margin:0 auto;}
ul.news-list li .text_zone{width:310px;float:left;}
ul.news-list li {width:450px;}
}
/*Mobile Layout: 320px. set=300px*/
@media only screen and (max-width: 767px) {
.newsLayout{width:300px; margin:0 auto;}
ul.news-list li .text_zone{width:200px;float:left;}
ul.news-list li {width:280px;}
}

/*		Wide Mobile Layout: 480px. set=460px*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.newsLayout{width:455px; margin:0 auto;}
ul.news-list li .text_zone{width:270px;float:left;}
ul.news-list li {width:450px;}
}