#contentA{ height:100%; margin-top:10px; border:1px solid #ccc; padding:10px; background:url(images/new_01.gif) repeat-x top;}
#contentA .side{ width:515px; float:right; height:337px; overflow: hidden; position:relative; display:inline; }
#contentA .side .news li span{ position:absolute; display:block; width:515px; height:30px; line-height:30px; bottom:0px; line-height:30px; background-color:#666; color:#fff; text-align:center; left:0px;}
#contentA .side .news li span a,#contentA .side .news li span a:link,#contentA .side .news li span a:visited{ color:#fff; font-weight:bold;}
#contentA .side .news li span a:hover{color:#F00; font-weight:bold;}
#contentA .mainContent{width:430px; overflow:hidden;height:337px; padding-left:6px;}
#contentA .mainContent ul li{ line-height:22px; background:url(images/new_02.gif) no-repeat 0px 8px; padding-left:8px;}
#contentA .mainContent ul li .list_title a,#contentA .mainContent ul li .list_title a:link,#contentA .mainContent ul li .list_title a:visited{ font-weight:bold; font-size:14px; }
#contentA .mainContent ul li.on .list_title a{color: #d00;}
#contentA .mainContent ul .list_intro{ border-bottom:1px solid #ddd; color:#666; padding-bottom:10px; padding-left:8px; line-height:18px;}
#contentB{ margin-top:10px;}
#contentB .side{width:290px; float:right;}
#contentB .mainContent{width:672px; overflow:hidden;}
.InA .hd{ border-top:4px solid #000; height:30px; border-bottom:1px solid #ddd; line-height:30px;background:url(images/line2.gif) repeat-x center;}
.InA .hd span{ float:right;}
.InA .hd h3 a,.InA .hd h3 a:link,.InA .hd h3 a:visited{ font-size:16px; font-family:"Times New Roman", Times, serif;}
.InA .bd{ height:406px; border-bottom:1px solid #ddd;}
.InA .bd .fl{ width:364px; border-right:1px solid #ddd; padding-right:20px; padding-top:14px; height:392px;}
.InA .bd .fl ul li img{ border:1px solid #ddd; padding:1px;}
.InA .bd .fl ul li .pe_u_thumb_title{ line-height:20px; padding-top:4px;}
.InA .bd .fl ul li .pe_u_thumb_title p{  padding-top:3px;}
.InA .bd .fl ul li .pe_u_thumb_title a,.InA .bd .fl ul li .pe_u_thumb_title a:link,.InA .bd .fl ul li .pe_u_thumb_title a:visited{ font-size:14px; font-weight:bold; color:#1b1a1a;}
.InA .bd .fl ul li .pe_u_thumb_title a:hover{font-size:14px; font-weight:bold; color:#C00;}
.InA .bd .fr{ width:260px; padding-left:10px; padding-top:14px; height:392px; padding-right:10px;}
.InA .bd .fr ul li{background:url(images/new_05.gif) no-repeat 0px 6px; padding-left:8px; padding-bottom:6px;}
.InA .bd .fr ul li.first a{ font-weight:bold; font-size:16px; line-height:22px; font-family:Georgia, "Times New Roman", Times, serif;}
.InA .bd .fr ul li.first{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; background:none;}
.InA .bd .fr ul li .list_title a,.InA .bd .fr ul li .list_title a:link,.InA .bd .fr ul li .list_title a:visited{ font-weight:bold;}
.InA .bd .fr ul li .list_intro{ color:#666; padding-top:4px; line-height:16px;}
.Most .bd ul li{ background:url(images/new_06.gif) no-repeat 0px 8px;}

/*文章内容*/

.artBox{ border:1px solid #ccc; background-color:#f7f7f7; padding:4px; height:100%;}
.artCont{ background-color:#fff; padding:20px;height:100%;}
.artCont h1{ font-size:24px; line-height:30px; padding-bottom:20px; color:#111;}
.artCont .titledown{position: relative; line-height:26px;/* text-align:center; */color:#666; border-top:1px dotted #ccc;border-bottom:1px dotted #ddd;}
.artCont .titledown span{font-family:Georgia;font-size:9px;}
.artCont .titledown  strong{ color:#333}
.artCont .titledown .bdsharebuttonbox{position: absolute;right: 0;top: 0;}
.artCont  .textcontent{ line-height:24px; padding-top:20px; padding-bottom:20px;}
/*文章列表*/
.artList{background-color:#fff; padding:20px;}
.artList li,.picinfoList li{ line-height:18px; border-bottom:1px solid #ddd; padding-bottom:10px; padding-top:10px;background:url(images/new_08.gif) no-repeat 0px 24px; padding-left:14px;}
.artList li .tit{ font-size:14px; font-weight:bold; line-height:30px;color: #0056a6;}
.artList li .tit a{color: #0056a6;}
.artList li .tit a:hover{color: #c00;}
.artList li .intro{ color:#222;}
.artList li.t,.picinfoList li{border-bottom:1px solid #ddd; padding-bottom:10px;background: none;}
.artList li.t .title .tit,.picinfoList li a,.picList li .pe_u_thumb_title a{ font-size:14px; font-weight:bold; line-height:24px; padding-bottom:10px;color: #0056a6;}
.artList li.t  .pic,.picinfoList li .pe_u_thumb{ float:left; height:120px; margin-right:10px; display:inline;overflow:hidden;}
.artList li.t  .pic img,.picinfoList li .pe_u_thumb img{ width:140px; height:92px;}
.bookreview li.t  .pic img{width:80px;height:auto;}
.artList li.t  .con{ height:120px;line-height:22px;}
.artList li.t  .con .time,.picinfoList li .time{ line-height:20px; color:#666;}

.xgxx p a{font-weight: normal !important; color: #0259a6; font-size: 12px;padding-left: 5px;background: url(http://www.csstoday.net/Skin/SKZZS/images/blue_point.jpg) 0 center  no-repeat;padding-bottom: 0;line-height: 24px;}
.xgxx p a:hover{color: #d00;}

 .picinfoList li{height: 115px;}
 .picList{padding: 20px 10px;background-color: #fff;}
 .picList h3{font-size: 18px;line-height: 30px;height: 30px;border-bottom: 5px solid #e57fe5;text-indent: 10px;}
 .picList ul{height: 100%;overflow: auto;margin-right: -10px;}
 .picList li{float: left;width: 300px;height:270px;padding:20px 10px;border-bottom: 1px solid #ddd;overflow:hidden;}
 .picList li .pe_u_thumb_title a{display: block; margin-bottom: 5px;padding-bottom: 6px;border-bottom: 1px dashed #ddd;}
/*分页*/ 
.page{ text-align:center;margin: 0 auto; padding: 20px 0;}
.page a{ padding:4px 6px; border:1px solid #ccc;}
.page b a{ color:#C00;}
/*marxism*/
#marxismA{ margin-top:10px; height:370px;}
.marxismPic  li{ width:154px; line-height:18px; float:left; margin-left:21px; display:inline;}
.marxismPic  li span{ display:block; height:66px; overflow:hidden;}
.marxismPic  li img{width:154px; height:110px;}
.marxismPic  li.first{ width:454px;float:left; margin-left:0px; height:344px; position:relative;}
.marxismPic  li.first img{ width:454px; height:344px;}
.marxismPic  li.first span{ position:absolute; display:block; height:40px; line-height:40px; background-color:#000; width:454px; bottom:-10px; left:0px; text-align:center;}
.marxismPic  li.first span a{ text-align:center; font-weight:bold; color:#fff;}
#marxismB{ margin-top:10px;}
#marxismB .side{width:290px; float:right;}
#marxismB .mainContent{width:672px; overflow:hidden;}

.marxiIa .hd{ border-top:4px solid #000; height:30px; border-bottom:1px solid #ddd; line-height:30px;background:url(images/line2.gif) repeat-x center;}
.marxiIa .hd span{ float:right;}
.marxiIa .hd h3 a,.marxiIa .hd h3 a:link,.marxiIa .hd h3 a:visited{ font-size:16px; font-family:"Times New Roman", Times, serif;}
.marxiIaA{ border:1px solid #cecece; padding:6px; width:202px; margin-top:10px;}
.marxiIaA .marxinTa1 .pe_u_thumb_title a{ font-weight:bold; line-height:18px;}
.marxiIaA .marxinTa1 .pe_u_thumb_title p{ color:#666; line-height:19px; padding-bottom:8px;}
.marxiIaA h4{ line-height:16px;background:url(images/max_01.gif) no-repeat  bottom; padding-bottom:4px; margin-bottom:8px;}
.marxiIaA h4 b{ color:#900}
.marxinTa2{ }
.marxinTa2 li { line-height:16px;background:url(images/max_02.gif) no-repeat 0px 8px; padding-left:10px; padding-bottom:10px;}
.marxiIa .bd .fm{ margin-right:12px; float:right;}
.Marxism li.t .pic img{height:auto;}


#content .side{ float:right; overflow:hidden; width:290px;}
#content .mainContent{width:672px; overflow:hidden;}
.dialogue{ margin-top:10px;}
.dialogue .fr{ width:226px;}
.dialogue .fr ul li{ line-height:16px; margin-bottom:10px; background:url(images/dia_01.gif) no-repeat 0px 8px; padding-left:10px;}
.dialogue .fl{ width:390px; padding-right:30px; border-right:1px solid #ccc;}
.dialogue .fl li{ height:170px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.dialogue .fl .pe_u_thumb_title h4{ line-height:16px; margin-bottom:10px;}
.dialogue .fl .pe_u_thumb a{ float:left; margin-right:10px;}
.dialogue .fl .pe_u_thumb p{ line-height:20px;}
.diaA .hd{ float:right; width:154px;}
.diaA .hd ul li{ cursor:pointer;}
.diaA .hd ul li span{ display:block; line-height:18px; padding-top:4px;}
.diaA .hd ul li{ height:184px;}
.diaA .bd span{ display:none;}
.topicA{ margin-top:10px; height:450px; position:relative;}
.topicA li{ position:relative;}
.topicA li .side{ position:absolute; right:0px; top:0px; width:268px; height:425px;padding:10px;border:1px solid #ccc; background-color:#f7f7f7;}
.topicA li .side a,.topicA li .side a:link,.topicA li .side a:visited{ font-size:20px; font-weight:bold; line-height:28px;}
.topicA li .side p{ line-height:26px; font-size:14px; padding-top:10px; font-family:Verdana, Geneva, sans-serif;}
.topicA li .side .titBt{ line-height:30px; padding-top:10px; color:#333;}
.topicA li .side .titBt span{ padding-right:10px;}
.slideNav{ position:absolute; top:410px; left:555px;z-index:99;}
.slideNav li{ float:left; margin-left:4px; display:inline;}
.slideNav li { display:block; width:22px; height:22px; background-color:#333; color:#fff; line-height:22px; text-align:center; font-weight:bold;}
.slideNav li.on {display:block; width:22px; height:22px; background-color:#C00; color:#fff;}
.topicA  .fousFlash img{ padding:6px; border:1px solid #ccc;}

.tipBox .mainContent{ border:1px solid #ccc;}
.tipBox .tipCont{ border:1px solid #fff; background:url(images/tip_01.gif) repeat-x top; padding:10px; padding-top:0px; height:100%;}
.topicB{ width:316px; height:294px; margin-top:14px;}
.topicB .hd{background:url(images/topic_02.gif) repeat-x bottom; height:27px; line-height:25px; overflow:hidden; margin-bottom:10px;}
.topicB .hd ul li{float:left; border:1px solid #ccc; padding-left:10px; padding-right:10px; margin-right:4px; overflow:hidden;background:url(images/topic_03.gif) repeat-x top; cursor:pointer;}
.topicB .hd ul li.on{ border-bottom:1px solid #fff; background:none;}
.topicB .bdCont .infoPic{ height:120px; border-bottom:1px dotted #ccc; margin-bottom:4px; overflow:hidden;}
.topicB .bdCont .infoPic .pe_u_thumb{ float:left; margin-right:10px;width:148px;height:97px;overflow:hidden;}
.topicB .bdCont .infoPic .pe_u_thumb_title a,.topicB .bdCont .infoPic .pe_u_thumb_title a:link,.topicB .bdCont .infoPic .pe_u_thumb_title a:visited{ font-weight:bold; line-height:16px;}
.topicB .bdCont .infoPic .pe_u_thumb_title p{ line-height:14px; color:#333; margin-top:4px;}
.topicB .bdCont .infoList  li{ line-height:22px; height:22px; background:url(images/topic_04.gif) no-repeat left center; padding-left:10px;}

.path{ line-height:30px;}
.path em{ font-style:normal;}
.publicR .hd{ font-size:14px; padding-left:10px; border-bottom:1px solid #ccc; height:30px;}
.publicR .hd h4{ font-size:14px;}
.publicA{ border:1px solid #ccc;background:url(images/public_01.gif) repeat-x top;}
.publicA .publicAcont{ border:1px solid #fff; padding:10px; height:100%;}
.publicA .publicAcont h4{ margin-bottom:14px; font-size:14px;}
.publicA .publicAcont h4 b{ color:#C40405}
.publicA .publicAcont .infoPic li{ width:180px; margin-bottom:10px; float:left; display:inline; margin-left:13px; margin-right:13px; height:312px; overflow:hidden;border:1px solid #ccc;background-color:#f3f4f3;padding:4px;}
.publicArtA{ margin-bottom:30px;}
.publicA .publicAcont .infoPic li img{ width:180px; height:254px;  }
.publicA .publicAcont .infoPic li span{ display:block; line-height:20px;}
.publicArt h1{ font-size:16px; margin-bottom:20px; margin-top:20px; text-align:center; line-height:26px; font-weight:normal;}
.publicArt .publicArtA .pic{ float:left; margin-right:10px;}
.publicArt .publicArtA .pic img{ width:160px; height:224px; padding:4px; }
.publicArt .publicArtA .infro{ float:right; width:470px;}
.publicArt .publicArtA .infro{ line-height:18px;color:#666;}
.publicArt .publicArtA .infro table tr{ padding:0px; margin:0px;}
.publicArt .publicArtA .infro table td{ border-bottom:1px solid #ccc; padding-left:10px;}
.publicArt .publicArtA .infro table{ line-height:20px;}
.publicArt .publicArtA .infro  .tleft{ width:140px; color:#333;text-align:right; border-right:1px solid #ccc; padding-right:10px;}

.searchCont ul li{ line-height:26px;background:url(images/topic_04.gif) no-repeat left 11px; padding-left:10px;}
.photoBox{ border:1px solid #ccc;position:relative; height:100%; overflow:hidden;}
.photoCont{ border:1px solid #fff; background-color:#ededed; position:relative; height:100%;}
.photoCont h4{ line-height:30px; padding-left:10px; font-size:14px; margin-bottom:6px; margin-top:4px;}
.photoCont h4 b{ color:#C00}
.photoCont .hd span{ float:right; line-height:30px; padding-right:10px;}
.photA .photoCont ul li{ float:left; padding:10px; background-color:#fff; margin-left:10px; margin-right:14px; width:197px;}
.photA .photoCont ul li span{ display:block; text-align:center;}
#photo-box { position: relative; width:960px; display:block;height:800px;}
#photo-box li { position: absolute; background: #fff; text-align: center;  left: 0px; top: 0; }
#photo-box li span{ display:block;}
.photB ul li{ float:left; width:197px; margin-left:20px; margin-right:20px; display:inline; height:220px; line-height:16px;overflow:hidden;}
.photB ul li span{ display:block; width:197px; overflow:hidden;}
.photB ul li img{ width:197px; height:146px; margin-bottom:6px;}

/*Features*/
.sp .hd{ border-top:4px solid #cc0066; background:url(images/sphd.gif) repeat-x; height:28px; line-height:28px;}
.sp .hd span{ float:right; padding-right:10px; display:inline;}
.sp .hd h3{ font-size:14px; padding-left:10px; color:#cc0066;}
.sp {  border:1px dashed #ccc; border-top:none;}
.sp .bd{padding:10px;}
.sp .bd .spContA { height:100%; overflow:hidden;}
.sp .bd .spContA ul li{border-bottom:1px dashed #ccc; width:320px; float:left;}
.sp .bd .spContA ul li.fr{ float:right;}
.sp .bd .spContA ul li span{ display:block;width:320px; height:37px; background-color:#fff; text-align:center; line-height:30px;}
.sp .bd .spContB{ height:100%; overflow:hidden;}
.sp .bd .spContB ul li{border-bottom:1px dashed #ccc; width:320px; float:left;}
.sp .bd .spContB ul li.fr{ float:right;}
.sp .bd .spContB ul li .list_title { line-height:24px;}
/*.sp .bd .spContB ul li .list_title  a{ color:#cc0066;}*/
.sp .bd .spContB ul li .list_intro{ line-height:20px; padding-bottom:8px; padding-top:4px;color:#555;}
.fCont{ margin-top:10px; clear:both;}
.fCont .fr,.fCont .fl{ width:325px; height:100%; }
.fCont .fr{border:1px dashed #ccc; border-top:none;}
.fCont .fl{border:1px dashed #ccc;border-top:none;}
.fCont .fl .bd,.fCont .fr .bd{ padding:10px;}

.fCont .fr .hd{ border-top:4px solid #cc00cc; height:28px; line-height:28px;background:url(images/sphd.gif) repeat-x;}
.fCont .fr .hd span{ float:right; padding-right:10px; display:inline;}
.fCont .fr h3{ font-size:14px; color:#cc00cc;display:inline; padding-left:10px;}
.fCont .fr ul li{ border-bottom:1px dashed #ccc;}
.fCont .fr ul li .list_title { line-height:30px;}

/*.fCont .fr ul li .list_title a{ color:#cc00cc;}*/
.fCont .fr ul li .list_intro{ line-height:20px; padding-bottom:8px; padding-top:4px; color:#555;}

.fCont .fl .hd{ border-top:4px solid #1266b3; height:28px; line-height:28px;background:url(images/sphd.gif) repeat-x;}
.fCont .fl .hd span{ float:right; padding-right:10px; display:inline;}
.fCont .fl .hd h3{ font-size:14px; color:#1266b3;display:inline; padding-left:10px;}
.fCont .fl ul li{ border-bottom:1px  solid #ccc; padding-bottom:8px;}
.fCont .fl ul li .pe_u_thumb_title { line-height:30px; height:30px;}
.fCont .fl ul li .pe_u_thumb_title h4 a{ font-weight:normal;}
/*.fCont .fl ul li .pe_u_thumb_title  a{color:#1266b3;}*/
.fCont .fl ul li .pe_u_thumb{ height:100%; overflow:hidden;}
.fCont .fl ul li .pe_u_thumb img{ float:left; width:120px;}
.fCont .fl ul li .pe_u_thumb p{ float:right; line-height:20px; width:180px; color:#555;}


.photo_list h3{ border-bottom:1px #ccc solid; height:24px; line-height:24px; padding-left:18px; cursor:pointer; display:block; background:url(images/tree_folder4.gif) no-repeat left center;}
.photo_list li{ background:url(images/tree_line1.gif) no-repeat left 5px;padding-left: 18px;}
.photo_list li a{ line-height:24px;/* padding-left:18px;*/}
.toggle02 h3{ border-bottom:1px #ccc solid; height:24px; line-height:24px; padding-left:18px; cursor:pointer; display:block; background:url(images/tree_folder3.gif) no-repeat left center;}
.photo_list ul{ height:0px; overflow:hidden;}
.toggle02 ul{ height:auto !important; }


#slider_wrap {margin-bottom:10px;}
#slider {background: #dcdcdc;border:5px solid #dcdcdc;overflow:hidden; width:970px;position:relative;height:338px;}
#slider .slide {background:#dcdcdc; border-left:5px solid #dcdcdc;overflow:hidden;width:520px;position:absolute;height:338px;}
#slider .slide img{width:520px;height:338px;}
#slider .title {font-weight: bold;font-size:14px;color:#fff;display:block;padding:8px 0 2px 10px;}
#slider .info {background:#000;display:block;height:100%;height:40px;padding:5px 10px;filter: alpha(opacity=60);opacity: 0.6;}
#slider .backgroundText {background:#000; filter: alpha(opacity=60);opacity: 0.6; width: 100%; position: absolute; top: 100%; height: 100%; }
#slider .text {font-size: 12px; left:0; width:510px; color: #fff;position: absolute; top: 100%;}
#slider .diapo {filter: alpha(opacity=20); visibility:hidden; position: absolute; opacity: 0.2;}