﻿@charset "utf-8";
*{margin: 0;padding: 0}
html *, body *{margin: 0;padding: 0}
body{ background-color: #FFFFFF; font-size: 14px; }
a{color: #0273B4;text-decoration:none}
a:hover{text-decoration:underline}
a:visited{color:#626289}
a:focus{text-decoration:underline}
a img{border:none}
p{font-size:1.4em}
ul{list-style-type:none}
ul, ol{margin:0;padding: 0}
h1, h2, h3, h4, h5{font-weight:normal}
h2 img{display:block; margin-bottom:3px}
fieldset{border:none}
.no_display{left:-9999px;position:absolute;top:-9999px}
.clear{clear:both}
/* hack to address the clear issue */
	.ecoclear:after{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.ecoclearfix{
	display: inline-block;
	}			
	/* IEmac \*/
	* html .ecoclear{
	height: 380px;
	}
	.ecoclear{
	display: block;
	}
	/* End IEmac */
/* end of clear issue hack */		
/* Home Page grid - home page component */
#wrapper{width:100%}
#main_container{width:1000px;margin:0 auto;	position:relative; /* this is used to accomodate the Banner /silver ad component that is at the end of the page */}
#top_banner{height:110px;background-color:#fff}
#main_area_left{width:159px}

#main_area_content{
	width:550px
}
#main_area_left, #main_area_content,#content_main_column,#classified_box{float:left}





#content_main_column{margin:0 0px;width:580px;display:inline; /* this is used to address IE 6.0 double margin bug */}
#content_right_column{float:right;margin-right:10px;width: 350px;display:inline; /* this is used to address IE 6.0 double margin bug */}
div.content_right_column_left{float:left;width:176px;margin-right:24px;overflow:visible}
div.content_right_column_right{float:right}
#content_right_column_middle{clear:both}
#classified_sponsors{float:left;width:275px}
/* the following styles define margins between components on the home page */
#main_area_left #V6mainnavigation{padding-bottom:11px}
#topstories{margin-bottom:0px}
#topstories, #columns, #textbasedfeatures, #audioedition, #content_right_column_top, #content_right_column_middle, #blogs, #productsevents, #header_content_box{
	margin-bottom:0px;
}
#content_right_column_top{min-height:267px;height:auto !important;height:26.7em}
/* Line_height and tracking */
#textbasedfeatures li p, #columns li p, #blogs p, #blogs h4 a, #productsevents li p, #productsevents h3 a, #imagebasednews li p, #topstories p, #mostpopular .mostpopular_tabs ol li a{ /* 12pt font elements */
	line-height:1.3em;
}
#textbasedfeatures li h3, #columns li h3, #blogs h3, #imagebasednews li h3{ /*distance between header (15pt/1.5em and rubric 12pt/1.2em)*/
	letter-spacing:-0.01em;
}
#textbasedfeatures li h3, #columns li h3, #blogs h3, #topstories h3{ /*distance between header (15pt/1.5em and rubric 12pt/1.2em)*/
	margin-bottom: .2em;
}
#productsevents li.last_item, #textbasedfeatures li.last_item, 
#mostpopular ul.mostpopular_tabs div ol li.last_item{margin-bottom:0}
#textbasedfeatures li h3, #imagebasednews li h3{line-height:1.2em}
#textbasedfeatures li, #productsevents li{margin-bottom:.9em}
#npfrontpage ul li.top_set_links{padding-bottom:.3em}
#topstories, #skyscraper, #blogs{overflow:hidden}
/* end - Home Page grid */


#textbasedfeatures {
	width:432px;
}
#textbasedfeatures h3{
	font-size: 1.5em;
	margin-bottom: 4px;
	font-weight:normal;
}
/* end - Text based features *//* Top stories - home page component */
#topstories {
	width:716px;
	position:relative;
	z-index:0;
	min-height:380px;
	height:380px!important;
}/*定位小图的尺寸*/
#topstories div.topstories_images ul{overflow:auto; height:268px;}
#topstories div.topstories_images ul.topstories_bigbox li{
	position:static;
	top:0px;
}
#topstories div.topstories_images ul li{
	font-size:12px
}
#topstories div.topstories_images ul li#news1{filter:alpha(opacity=100);opacity: 1;	-moz-opacity:1;z-index:4}
#topstories div.topstories_images ul li#news2, 
#topstories div.topstories_images ul li#news3, 
#topstories div.topstories_images ul li#news4{filter:alpha(opacity=100);opacity:100;-moz-opacity:100}
#topstories div.topstories_images ul li#news2{z-index:3}
#topstories div.topstories_images ul li#news3{z-index:2}
#topstories div.topstories_images ul li#news4{z-index:1}
#topstories div.topstories_images ul.topstories_bigbox li div{
	min-height:40px;
	color:#fff;
	background-color:#000;
	font-weight: normal;
	
}
#topstories div.topstories_images ul.topstories_bigbox li a img{display:block}
#topstories div.topstories_images ul li.selected, #topstories div.topstories_images ul.topstories_nav_images li{
	display:block;	
}
#topstories div.topstories_images ul.topstories_nav_images{
	position:absolute;
	left:-3359px;
	top:-2px;
}
#topstories div.topstories_images ul.topstories_nav_images li{
	height:70px;
	width:114px;
	margin-bottom:5px;	
	float:left;
}
#topstories div.topstories_images ul.topstories_nav_images li a{ /* this is needed to display the #red_frame for the selected image */
	display:block;
	position:relative;
	height:70 px;
	width:114 px;
	z-index:0;
}
#topstories div.topstories_images ul.topstories_nav_images li a img{
	position:absolute;
	top:0px;
	left:-1px;
	height:70 px;
	width:114 px;
}
#topstories span#red_frame1, #topstories span#red_frame2, #topstories span#red_frame3, #topstories span#red_frame4{
	border:2px solid #ff0000;
	background-color:transparent;
	position:absolute;
	height:65px;
	width:120px;
	top:-2px;
	bottom:0px;
	z-index:1;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;
	left: -3px;
}/*调节小图框的属性*/
#topstories span#red_frame1{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
#topstories h3{font-size:21px;padding:0 5px}
#topstories h3 a, #topstories p a{color:#fff}
#topstories p{padding:0 5px 2px} 
#topstories h3 a:hover{text-decoration:underline}
/* end - Top stories */
#header_holder{border-top:5px solid #FF0F00;margin:0 10px 20px 24px}
#header_holder h1.article-section{
	display:block;
	color: #ffffff;
	float: left;
	background: url(http://imgs.xinhuanet.com/icon/politics/dhsd/bg_hsj.png) #FF0F00 top	right no-repeat;
	padding: 0 24px 4px 8px;	
	font-weight: normal;
	font-size: 14px;
}
#header_holder h1.article-section a{color:#fff}
#header_content_box{border-top:1px solid #ff0000}
