/*Basic styles*/
#china-miracle.clear {
	clear: both;
}
div#china-miracle .left {
	float: left;
}
div#china-miracle .right {
	float: right;
}
div#china-miracle  ul {
	list-style: none;
	overflow: hidden;
}
div#china-miracle ul li {
	float: left;
	display: inline;
	background: none;
	margin: 0;
	padding: 0;	
}
div#china-miracle h1 {
	font: bold 28px Helvetica;
	color: #505050;
	margin: 16px 0 8px;
}
div#china-miracle h3 {
	font-size: 20px;
	color: #505050;
	margin-bottom: 8px;
}
div#china-miracle .plain {
	display: inline-block;
	width: 624px;
	margin-top: 16px;
}
div#china-miracle .source {
	font-size: .9em;
}
div#china-miracle .orange {
	color: #FF9900;
}

/*Specific styles*/
div#china-miracle {
	width: 976px;
	overflow: none;
	/*background-image: url('/news/special/2012/newsspec-4042/img/guide.jpg'); */
	margin-top: 16px;
}
div#china-miracle #gdp {
	background-image: url("/news/special/2012/newsspec_4256/img/gdp_background.jpg");
	height: 498px;
	overflow: none;
	position: relative;
	margin-bottom: 8px;
}
div#china-miracle p {
	width: 640px;
}
div#china-miracle p.gdp-intro {
    display: block;
    left: 321px;
    position: absolute;
    top: 78px;
    width: 490px;

}
div#china-miracle #gdp h1 {
    color: #505050;
    font: bold 30px Helvetica;
    left: 12px;
    position: absolute;
    top: 8px;
  }
 div#china-miracle ul.energy-generation {
 	position: relative;
	width: 976px; 	
 }
  div#china-miracle ul.energy-generation li {
 	width: 472px;
 	float: left;
 	 height: 401px; 	
 }
 div#china-miracle ul.energy-generation li.last {
 	margin-left: 30px;
 }
  div#china-miracle ul.energy-generation div.in-numbers{	
	bottom: 87px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    width: 200px;
  }
  
  div#china-miracle ul.energy-generation div.in-numbers span{
	color: #991B1E;
	font-size: 16px;
  }
 
 
  div#china-miracle ul.city-caption img {
  	margin-right: 4px;
}
 div#china-miracle ul.city-caption {
  	height: 26px;
 	margin-bottom: 4px;	
 }
  div#china-miracle ul.city-caption li {
  	margin-right: 10px;
  }
  div#china-miracle ul.cities {
  	margin: 16px 0 0;
  }
   div#china-miracle ul.cities li {
   	width: 425px;
   }
  div#china-miracle ul.cities li:last-child {
  	margin-left: 120px;
  }
   div#china-miracle ul.cities p {
   	margin: 8px 0px 0px;
   }
/*Overlay*/

/*div#china-miracle #overlay-bg {
	width: 976px;
	height: 80px;
	width: 976px;
	zoom: 1;	
	background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 0.4); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";    
}
div#china-miracle .overlay-text {
	color: #505050;
	font: 24px Helvetica;
	height: 60px;
	width: 900px;
	padding: 14px 0 0 20px;
}*/
div#china-miracle #gdp ul.labels-events li {
	z-index: 10000;
	position: absolute;
	display: none;
}
div#china-miracle #gdp ul.labels-events li.year1975 {
	top: 360px;
	left: 85px;
	display: block;
}
div#china-miracle #gdp ul.labels-events li.year1980 {
	top: 360px;
	left: 136px;
}
div#china-miracle #gdp ul.labels-events li.year1985 {
	top: 356px;
	left: 231px;
}
	div#china-miracle #gdp ul.labels-events li.year1990 {
		top: 354px;
		left: 354px;
	}
div#china-miracle #gdp ul.labels-events li.year1995 {
	top: 335px;
	left: 550px;
}
div#china-miracle #gdp ul.labels-events li.year2000 {
	top: 325px;
	left: 648px;
}
div#china-miracle #gdp ul.labels-events li.year2005 {
	top: 295px;
	left: 745px;
}
div#china-miracle #gdp ul.labels-events li.year2010 {
	top: 229px;
	left: 768px;
}
div#china-miracle #gdp ul.labels-events li div {
	width: 50px;	
}
div#china-miracle #gdp ul.labels-events li div.gdp-box {
	height: 87px;
	width: 170px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	
}
div#china-miracle #gdp ul.labels-events li div.gdp-beak {
	background: url("/news/special/2012/newsspec_4256/img/beak_down.png") center -1px no-repeat;
	width: 100%;
	height: 21px;
	margin-top: -2px;
}
div#china-miracle #gdp a {
	position: absolute;
	display: block;
	height: 498px;
	
}
div#china-miracle #gdp a.year1975 {
	width: 199px;
}
div#china-miracle #gdp a.year1980 {
	width: 60px;
	left: 200px;
}
div#china-miracle #gdp a.year1985 {
	width: 120px;
	left: 260px;
}
div#china-miracle #gdp a.year1990 {
	width: 150px;
	left: 380px;
}
div#china-miracle #gdp a.year1995 {
	width: 150px;
	left: 530px;
}
div#china-miracle #gdp a.year2000 {
	width: 100px;
	left: 680px;
}
div#china-miracle #gdp a.year2005 {
	width: 100px;
	left: 780px;
}
div#china-miracle #gdp a.year2010 {
	width: 96px;
	left: 880px;
}
div#china-miracle #gdp ul.labels-events li.year2010 div {
	float: left;
}
div#china-miracle #gdp ul.labels-events li.year2010 div.gdp-box {

}
div#china-miracle #gdp ul.labels-events li.year2010 div.gdp-beak {
	background: url("/news/special/2012/newsspec_4256/img/beak_right.png") -1px center no-repeat;
	width: 22px;
	height: 87px;
	margin-left: -2px;
}
div#china-miracle ul.wealth-increase {
	height: 380px;
	width: 976px;
}
div#china-miracle ul.wealth-increase li.last {
	margin: 25px 0 0 30px;
}
div#china-miracle ul.car-market {
	height: 330px;
	width: 976px;
}
div#china-miracle ul.car-market li.last {
	margin: 19px 0 0 13px;
}
div#china-miracle .labels-events p{
	font-size: 13px; 
	margin: 0px;
	padding: 0px 5px;
	width: 160px;
}
div.pork-consumption{
	background-image: url("/news/special/2012/newsspec_4256/img/pig_icon_lg.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
    height: 29px;
    margin-bottom: 15px;
    padding-left: 70px;
	
}
div.pork-consumption span{
	display: inline-block;
	height: 29px;
	line-height: 29px;
	font-size: 12px;
}

div.pork-consumption span.p-compare{
	margin-left: 30px; 
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
}

#pigComparison{
	height: 245px;
}

#pigComparison .china{
	float: left;
	width: 466px;
}
#pigComparison .usa{
	float: right;
	width: 466px;
}

#pigComparison .line{
	background-position: 0px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #cccccc;
	position: relative;
}
#china-miracle h3.nation{
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
}

#china-miracle h3.gdp-head{
	font-size: 13px;
	margin: 0;
	padding: 0 5px 5px 0px;
}

#pigComparison .p1{
	background-image: url("/news/special/2012/newsspec_4256/img/p1.png");
	height: 64px;
	margin-bottom: 21px;
}
#pigComparison .p2{
	background-image: url("/news/special/2012/newsspec_4256/img/p2.png");
	height: 25px;
	margin-bottom: 60px;
}
#pigComparison .p3{
	background-image: url("/news/special/2012/newsspec_4256/img/p3.png");
	height: 102px;
}
#pigComparison .p4{
	background-image: url("/news/special/2012/newsspec_4256/img/p4.png");
	height: 20px;
}

#pigComparison .line span{
	background-color: #FFFFFF;
    padding: 0 5px 0 0;
    position: relative;
    top: -12px;
}

#pigComparison .line span.cyear{
	font-weight: bold; padding-right: 10px;
}

