.clearfix {float: none;clear: both;}
.newsLayout{width:720px; margin:0 auto;}
ul.news-list{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	clear:both;
}
ul.news-list li {
	color:#666;
	text-align: left;
	border-bottom:1px dotted #CCCCCC;
	overflow:hidden;
	padding:10px 0;
	display: block;
	position:relative;
}

ul.news-list li img.country_flag{width:30px; height:20px; position:absolute; top:10px; left:0px; z-index:100; border:1px solid #FFF; border-top:0; border-left:0;}

ul.news-list li:hover{ background:#f5f5f5;}
ul.news-list li .pic_zone{
	float:left;
	margin-right:20px;
}
ul.news-list li .text_zone{
	width:550px;
	float:left;
}

.news-list .title_name{ font-size:13px; line-height:16px; padding-bottom:5px; font-weight:bold; color:#283897;}
.preview-text span{ font-size:13px !important;}
/****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:150px; height:96px;} /*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; font-style:italic; color:#666; padding-top:3px;}
/* 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;}

a.rss_feed{
	display:block;
	width:19px;
	height:19px;
	background:url(/images/icons/rss.png) no-repeat;
	margin:0;
	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;}

}
/*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:300px;float:left;}
}

/*		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;}
}