/* 
    topic.css 2013-5-27, 14:46:25 红星
    用途:话题内容，抗美援朝专题封面；
*/

/**** base ****/
* {
    margin: 0;
    padding: 0;
    color: #000;
}
body {
    background-color: #F5F5F5;
    margin: 0 auto;
}
a {
    color: #2B4D85;
    text-decoration: none;
}
a:hover {
    color: #C7814E;
    text-decoration: underline;
}
p {
    font-size: 14px;
    line-height: 24px;
}
img {
    border: medium none;
}
li {
    font-size: 14px;
    list-style: none outside none;
}
.clear_float {
    clear: both;
    height: 0;
}

/*************************/
/***** topic content *****/
/*************************/

/*** header ***/
.header {
    width: 100%;
    margin: 0 auto;
    background-color: #cacaca;
}
.top {
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.top .left {
    float: left;
    padding-left: 20px;
}
.top .left a {
    margin: 0 8px;
}
.top .right {
    float: right;
    padding-right: 20px;
}

/*** linetitle ***/
.linetitle {
    line-height: 47px;
    width: 1000px;
    text-align: center;
    color: #802701;
    font-family: Microsoft YaHei;
    font-size: 24px;
    margin: 0 auto;
    background: url("/skin/default/topic/linetitle_bg.jpg") no-repeat scroll center center transparent;
}

/****  showbody ****/
.showbody{
    clear: both;
    height: 281px;
    margin: 0 auto;
    padding: 14px 14px 0 0;
    width: 986px;
}
.topic_subbanner{
    padding: 10px 15px 0px 15px;
    margin-top: 18px;
    background-color: #F9F9F9;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity:0.6;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.topic_subbanner h2 {
    font-family: "Microsoft YaHei";
    font-size: 28px;
    font-weight: normal;
    overflow: hidden;
    color: #000;
}
.topic_subbanner p {
    color: #000;
    font-size: 16px;
    font-family: "Microsoft YaHei"; 
    line-height: 150%;
    padding-top: 16px;
}
.topic_subbanner span {
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 4px;
}
.showbody img {
    height: 262px;
    border: 3px solid #FFF;
    float: right;
}

/**** topic_submain ****/

.topic_submain{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    clear:both;
}

/*** topic_cont ***/
.topic_cont {
    background-color: #d9d9d9;
}
.topic_left h2 ,.topic_right h3 {
    line-height: 1.5;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    padding: 16px 0 10px; 
}
/** topic_title **/
.topic_title {
    height: 43px;
    line-height: 43px;
    font-family: "SIMHei";
    margin: 17px 0 4px;
    background: url("/skin/default/topic/topic_module_header_bg.jpg") no-repeat scroll 0 0 transparent;
}
.topic_title strong {
    text-indent: 20px;
    font-size: 22px;
    color: #FFF;
    float: left;
}
.topic_title em {
    font-size: 20px;
    color: #abaaaa;
    padding-right: 16px; 
    float: right;
}
/** topic_left **/
.topic_left {
    width: 666px;
    float: left;
    padding: 18px 22px;
    border: 1px solid #c2c1c1;
    background-color: #fff;
    -webkit-box-shadow:5px 2px 6px #c2c1c1;
    -moz-box-shadow:5px 2px 6px #c2c1c1;
}
.topic_section img {
    display: inline-block;
    float: left;
    line-height: 0;
    padding: 10px 20px 10px 0;
}
.topic_left h2 {
    font-size: 18px;
}
.topic_left p {
    line-height: 1.5;
    font-family: "verdana";
    font-size: 14px;
    padding: 3px 0;
    text-indent: 2em;
}
.topic_left blockquote,.topic_left q {
    line-height: 1.3;
    font-family: "kaiti";
    font-size: 16px;
}
/** topic_right **/
.topic_right {
    width: 285px;
    font-family: "Microsoft YaHei";
    float: right;
    background:url("/skin/default/topic/side_bg.jpg") no-repeat scroll 0 17px transparent; 
}
.topic_right_box {
    padding: 6px 19px 55px;
    line-height: 1.5;
}
.topic_right .img_box {
    text-align: center;
}
.topic_right img {
    padding: 10px 0;
}
.topic_right h4 {
    font-size: 14px;
    font-weight: normal;
}
.topic_right p {
    font-size: 14px;
    text-indent: 2em;
}
.topic_right cite {
    font-family: "kaiti";
    font-size: 16px;
    font-style: normal;
    line-height: 1.3;
}
/** blank_section **/
/* 这一段样式是为了填补上面左右两侧内容高度不一致的空白区，以免影响观感 */
.blank_section_ar {
    height: 88px;
}
.blank_section_br {
    height: 94px;
}
.blank_section_cr {
    height: 649px;
}
.blank_section_dr {
    height: 391px;
}
/****  topic_closure ****/
.topic_closure,.pl {
    width:1000px;
    margin:0 auto 10px; 
    clear:both;
}
.topic_closure {
    margin-top: 8px; 
    border-top: 7px solid #94302b;
    background:url("/skin/default/topic/closure_bg.jpg") repeat scroll 0 0 #e3e3e3;
}
.closure_title {
    line-height: 1.5;
    text-align: center;
    font-size: 24px;
    font-family: "Microsoft YaHei";
}
.closure_title strong {
    color: #94302b;
}
.closure_content {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 60px 25px;
}

/****  list ****/
.list{
    width:1000px;
    margin:26px auto 0;
    height:230px;
    border: 1px solid #C8C8C8;
    background:#fff;
}
.list h3,.pl h3 {
    clear:both;
    line-height: 31px;
    text-indent: 16px;
    font-family: "Microsoft YaHei";
    font-size:16px;
    border:1px solid #c8c8c8;
    background:url("/skin/default/topic/topic_module_header_bg2.jpg") no-repeat scroll 0 0 #c8c8c8;
}
.list dl{
    margin:10px 0px 10px 13px;
    _margin:10px 0px 10px 10px;
    float:left; 
    width:185px; 
    height:165px;
    padding-bottom:10px;
}
.list dt img{
    width:165px; 
    padding:5px;
    border:1px solid #eee;
}
.list dd{ 
    font-size:12px;
    padding:2px 0 0 20px;
    text-align: center;
}

/****  pl ****/
.pl {
    margin-top: 16px;
}
#uyan_frame {
    padding: 20px;
}
/****  footer ****/
.footer {
    background: url("/skin/default/wyzx/daily_images/bg_footer.jpg") repeat scroll 0 0 transparent;
}

.footer_wrap {
    margin: 0 auto;
    padding-top: 10px;
    width: 1000px;
}
.footer_nav {
    background: url("/skin/default/wyzx/daily_images/bg_footernav.jpg") no-repeat scroll center center transparent;
    line-height: 30px;
    text-align: center;
}
.footer_nav a {
    color: #2B4D85;
    padding: 0 15px;
}
.copyright {
    padding: 20px 0;
}
.copyright p {
    color: #2B4D85;
    line-height: 20px;
    text-align: center;
}


/*************************/
/****** topic cover ******/
/*************************/

.topic_cover .topic_subbanner {
    width: 488px;
    *width:478px;
    top: 18px;
    background: none;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}
.topic_cover .topic_subbanner h2 {
    font-size: 24px;
}

.topic_cover .topic_title strong {
    font-family: "Microsoft YaHei";
}
.topic_list_box {
    margin-left: 10px; 
}
.subclass li {
    border: 1px solid #D5D5D5;
    background-color: #FFFFFF;
    margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 10px;
    padding: 10px;
    width: 290px;
}
.salist {width:48%;padding:10px 10px 10px 0px}
.float_l {float:left;}
.salist li {
    height: 40px;
    line-height:40px;
    overflow-x: hidden;
    overflow-y: hidden;
    background:url("../images/listelite.gif") no-repeat 0px 9px;
    padding-left: 15px;
}
.salist .aelite a {font-weight: bold;}
.aright {margin-left: 20px;}
.float_r{float:right}
.topic_list .title {
    line-height: 1.5;
    padding-top: 6px;
    text-align: center;
}
.topic_list .titlepic {
    padding: 10px 0;
    text-align: center;
}
.topic_list img {
    width: 260px;
}