/*Basic setting  Star*/
/*ckia 专题css*/

.bigbambox {}
@media screen and (-webkit-min-device-pixel-ratio:0) {.bigbambox { margin-bottom:-4px;}}

/*timeline*/
.timelinebox { width:100%; margin:0 auto; height:260px; border:0px solid #F00; margin:3px 0 4px 0; padding-top:5px;background: url('hdbg2.jpg') no-repeat;}

#timeline {width: 960px;height: 260px;overflow: hidden;margin: 10px auto;position: relative;background: url('dot.gif') left 45px repeat-x; border:0px solid #CCC; }
#dates {width: 950px;height: 60px;overflow: hidden; margin:0 auto}
#dates li {list-style: none;float: left;width: 100px;height: 50px;font-size: 20px;text-align: center;background: url('biggerdot.png') center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px; color: #F7F7F7}
#dates .selected {font-size: 38px; color:#D8D091}
#issues {width: 960px;height: 240px;overflow: hidden; margin:0 auto}	
#issues li {width: 960px;height: 240px;list-style: none;float: left;}
#issues li h1 {color: #ffcc00;font-size: 42px;margin: 20px 0;text-shadow: #000 1px 1px 2px;}
#issues li p {font-size:1.2em;margin-right: 50px; margin:20px; font-weight: normal;line-height: 1.6em;}

		
#next,
#prev {
	margin:0 10px;
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 120px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
	#next:hover,
	#prev:hover {
		background-position: 0 -76px;
	}
	#next {
		right: 0;
		background-image: url('next.png');
	}
	#prev {
		left: 0;
		background-image: url('prev.png');
	}
		#next.disabled,
		#prev.disabled {
			opacity: 0.2;
		}

.tmimg { width:360px;}
.tmimg img { margin:2px 20px 10px 50px; border:1px solid #EAEAEA}
.tmtxt { width:580px; color:#FFF }

.fppptbox {width:956px; margin:0 auto; background-color:#FFF; border-top:6px solid #28A3E6; padding:2px;}


.arttopicbox {width:100%; margin:0 auto;border:0px solid #F00;margin:0px 0 4px 0; background-color:#fff}
.arttopicbox  .arttopicitem { width:50%; float:left; margin:0 0px; background-color:#FFF; }
.arttopicbox  .arttopicitem .attbx { padding:10px 15px 10px 15px; margin:10px 0;text-align:center}
.arttopicbox  .arttopicitem .attbx h2 a{ font-size:1.6em; text-align:center}
.arttopicbox  .arttopicitem .attbx h2 a:hover {color:#900}
.arttopicbox  .arttopicitem .attbx p { font-size:1em; line-height:1.6em; color:#666; text-align:left}
.arttopicbox  .arttopicitem .attbx .moreicon a { font-size:0.9em; color:#333; text-decoration:none; float:right; margin-top:5px;}
.arttopicbox  .arttopicitem .attbx .moreicon a:hover {color:#900}
.spaceblank { height:0px; line-height:0px; clear:both; background-color:#FFF}
@media screen and (-webkit-min-device-pixel-ratio:0) {.spaceblank { height:15px; line-height:15px; clear:both; background-color:#FFF}}

.fabbox {width:100%; margin:0 auto;border:0px solid #F00;margin:4px 0 4px 0}

.zanzhubox {width:100%; height:80px;margin:0 auto;border:0px solid #F00;margin:4px 0 -2px 0;background:url('ftbg.jpg') no-repeat;}
.zanzhuinner {width:940px;padding:10px; }
.zanzhubox .zanzhuinner p { text-align:center; color:#FFF; font-size:1.1em; line-height:1.6em; font-weight:bold}

.map img { width:496px; height: 415px;}
.mapDiv { width:300px; padding: 5px; color:#369;position:absolute; display: none; word-break:break-all; background-color:#FFF; border:1px solid #EAEAEA }

/* fp css */
.focusBox { position: relative; width: 480px; height:319px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float:left;top:2px; left:4px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {.focusBox  { top:6px; left:4px;}}
.focusBox .pic img { width: 480px; height: 319px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.focusBox .prev,
.focusBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url('slider-arrow.png') -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.focusBox .next{ left:auto; right:3%; background-position:8px 5px; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.focusBox .prevStop{ display:none;  }
.focusBox .nextStop{ display:none;  }

.pptdownload {}
.pptdownload h2 { font-size:2em}



.pptdownload li {}
.pptdownload li a b { font-family: Arial, Helvetica, sans-serif; font-size:14px; margin-right:4px; font-style:italic}
.pptdownload li a{ margin-left:20px; font-size:1em; line-height:2em;}
.pptdownload li a:hover { color:#900}

.mymidline { width:99%; border-top:1px dotted #CCC; margin:0 auto; margin-top:25px; margin-bottom:-15px; height:100%}
.mymidline a {text-decoration:none; color:#FFF; }
.mymidline a .pptmorebox { position:relative; margin:0 auto; width:100px; height:22px; line-height:20px;text-align:center; top:-12px; z-index:9999; cursor:pointer; background-color:#28A3E6 }
.mymidline a .pptmorebox:hover { background-color:#F00;}

#ckiatable { border:1px solid #EAEAEA}
#ckiatable tr { }
#ckiatable td {height:3em; padding-left:4px;}
#ckiatable td a { text-decoration:underline; color:#039}
#ckiatable td a:hover { color:#900}