@charset "utf-8";

/* 全局 */
body, input, select { font: 12px/1 "宋体", "微软雅黑", Verdana, sans-serif;}
a { text-decoration: none }
body, a { color: #333; }
a:hover { color: #ce0000; text-decoration: underline; }
.detail_ico { -vertical-align: middle; -margin: 6px 0 8px 0; } /* IE6 */

/* 其他 */
.color_BC2, .color_BC2 a { color: #BC2D09; }
.dashed_1, .dashed_1_hr20 { height: 1px; border-top: 1px dashed #DADADA; font-size: 0; line-height: 0; }
.dashed_1_hr20 { margin: 10px 0; }

/* 主框架 */
#topbar .topbar_inner, .wrap { width: 960px; margin: 0 auto; }
.wrap { background: #FFF; }

/* 置顶栏 */
#topbar { height: 28px; background: url(../../images/uouo_01/index/topbar_bg.gif) repeat-x; line-height: 28px; -line-height: 29px; /* IE6 */ }
#topbar, #topbar a { color: #FFF; }
#topbar .extra { margin: 0 10px; }
#topbar .user_panel { float: left; width: 540px; }
#topbar .user_panel .col { float: left; padding: 0 5px; }
#topbar .user_panel form { float: left; }
#topbar .user_panel form input.ipt_text, #topbar .user_panel form input.ipt_button { vertical-align: top; float: left; /* IE6 IE7 */ }
#topbar .user_panel form input.ipt_text { width: 78px; height: 16px; margin-top: 6px; padding: 1px 0 2px 2px; background: url(../../images/uouo_01/index/input_bg1.gif) repeat-x; border: none; font-size: 12px; color: #FFF; }
#topbar .user_panel form input.ipt_button { width: 43px; height: 21px; margin-top: 4px; background: url(../../images/uouo_01/index/login_submit.gif) no-repeat; border: none; text-indent: -9999px; cursor: pointer; display: block; }
#topbar .user_panel .other_links { float: left; margin-left: 10px; }
#topbar .shortcut { float: right; padding-right: 5px; }

/* 主导航 */
#main_nav { height: 68px; margin-top: 3px; }
/* #main_nav a { font-family: "微软雅黑"; } */
#main_nav h1 { display: inline; float: left; width: 170px; margin: 10px 8px 3px 5px; }
#main_nav .col { float: left; margin: 14px 17px 0 0; padding-right: 8px; border-right: 1px solid #E1E1E1; overflow: hidden; }
#main_nav .col.last { margin: 14px 0 0; padding: 0; border: none; }
#main_nav .col ul { height: 16px; font-size: 14px; line-height: 16px; -float: left; /* IE6 */ }
#main_nav .col ul li { float: left; margin: 0 10px 0 2px; display: inline; /* IE6 */ }
#main_nav .col ul .m_menu { font-weight: bold; }
#main_nav .col .pad{ margin-top: 9px; }

/* 布告栏 */
#notice { height: 25px; margin-bottom: 10px; background: url(../../images/uouo_01/index/notice_bg.gif) repeat-x; border: 1px solid #DDD; }
#notice .box, #notice .search { margin-top: 3px; }
#notice .box { float: left; height: 18px; margin: 3px 0 0 10px; background: #FFF; border: 1px solid #D8D8D8; line-height: 18px; overflow: hidden; display: inline; /* IE6 */ }
#notice .msg { width: 395px; padding-left: 10px; }
#notice .marquee_box .title { float: left; font-weight: bold; }
#notice .marquee_box .list { float: left; width: 325px; height: 18px; overflow: hidden; }
#notice .marquee_box .list .time { margin-left: 6px; color: #CCC; }
#notice .weather { width: 240px; text-align: center; }
#notice .search { float: right; margin-right: 10px; display: inline; /* IE6 */ }
#notice .search .dropdown, #notice .search .keyword, #notice .search .submit { vertical-align: top; float: left; /* IE6 IE7 */ margin-left: 8px; /* IE6 IE7 */}
#notice .search .types { width: 60px; display: none; }
#notice .search .dropdown h4 { height: 18px; text-indent: 10px; border: 1px solid #D8D8D8; line-height: 18px; font-weight: normal; }
#notice .search .dropdown h4.over { border-color: #BBB; }
#notice .search .dropselectbox { width: 58px; /* IE6 IE7 */ }
#notice .search .keyword { padding: 0 3px; font-size: 12px; height: 18px; width: 139px; border: 1px solid #D8D8D8; line-height: 18px; }
#notice .search .submit { width: 48px; height: 20px; background: url(../../images/uouo_01/index/search_button.gif) no-repeat; border: none; text-indent: -9999px; cursor: pointer; }

/* 内框架 */
.col_l, .col_c, .col_r { float: left; overflow: hidden; }
.col_l { width: 250px; }
.col_c { width: 380px; margin-left: 10px; }
.col_r { width: 310px; margin-left: 10px; }

/* 通用模型 */
.mod { border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; zoom: 1; /* IE6 */ }
.mod.last { border-bottom: 1px solid #DADADA; }
.mod .hd { height: 28px; background: url(../../images/uouo_01/index/title_bg.gif) repeat-x; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; padding: 0 10px 0 15px; line-height: 28px; }
.mod .hd .title { float: left; font-size: 14px; font-weight: bold; }
.mod .hd .more { float: right; font-size: 12px; }
.mod .hd .more, .mod .hd .more a { color: #666; }
.mod .hd .more a:hover { color: #ce0000; }
.mod .bd { padding: 8px 13px; }
.mod .bd.no_p { padding: 0; }

.mod .l_con_desc { padding: 5px 0 8px 0; }
.mod .l_con_desc h3 { font-weight: bold; margin-bottom: 8px; }
.mod .l_con_desc .desc_img, .mod .l_con_desc .desc_text { float: left; }
.mod .l_con_desc .desc_text { width: 120px; margin-left: 8px; line-height: 22px; }
.mod .l_con_desc .desc_text, .mod .l_con_desc .desc_text a { color: #666; }
.mod .l_con_desc .desc_text a:hover { color: #ce0000; }
.mod .l_con_desc_2 { padding-bottom: 3px; }
.mod .l_con_desc_2 h3 { font-weight: bold; line-height: 26px; }
.mod .l_con_desc_2 p { text-indent: 2em; line-height: 22px; }
.mod .l_con_desc_2 p, .mod .l_con_desc_2 p a { color:#666; }
.mod .l_con_desc_2 p a:hover { color: #ce0000; }
.mod .l_big_img { text-align: center; padding-top: 5px; }
.mod .l_big_img .title { padding-top: 8px; line-height: 18px; }
.mod .con_list { line-height: 22px; }
.mod .con_list li { padding-left: 10px; background: url(../../images/uouo_01/common/dot.gif) no-repeat left center; }
.mod .l_img_list { padding: 5px 0 3px 3px; }
.mod .l_img_list .img_box { float: left; }
.mod .l_img_list .img_box.r_box { margin-left: 12px; }
.mod .l_img_list .title { text-align: center; line-height: 24px; }

.mod .r_video_desc { padding: 5px 0 8px 0; height: 106px; /* IE6 IE7 */ overflow: hidden; /* IE6 IE7 */}
.mod .r_video_desc .video_thumb { float: left; width: 120px; height: 104px; padding: 3px 3px 0 3px; background: url(../../images/uouo_01/index/video_bg.gif) no-repeat; }
.mod .r_video_desc .desc_text { float: left; width: 145px; margin-left: 10px; overflow: hidden; }
.mod .r_video_desc .desc_text h3 { font-weight: bold; line-height: 26px; }
.mod .r_video_desc .desc_text p { line-height: 20px; }
.mod .r_video_desc .desc_text p, .mod .r_video_desc .desc_text p a { color: #666; }
.mod .r_video_desc .desc_text p a:hover { color: #ce0000; }
.mod .video_list { line-height: 22px; }
.mod .video_list li { height: 22px; padding-left: 25px; background: url(../../images/uouo_01/index/video_ico.gif) no-repeat left 2px; overflow: hidden; vertical-align: middle; /* IE6 IE7 */}
.mod .video_list li .title { float: left; }
.mod .video_list li .time { float: right; color: #999; }
.mod .r_img_list { margin: 13px 0 0 7px; }
.mod .r_img_list .img_box { float: left; width: 128px; margin: 0 10px; display: inline; /* IE6 IE7 */ }
.mod .r_img_list .title { text-align: center; line-height: 30px; }
.mod .r_con_desc { margin: 5px 0 8px 0; }
.mod .r_con_desc .desc_img { float: left; }
.mod .r_con_desc .desc_text { float: left; width: 178px; margin-left: 10px; }
.mod .r_con_desc .desc_text h3 { font-weight: bold; line-height: 24px; }
.mod .r_con_desc .desc_text p { line-height: 20px; }
.mod .r_con_desc .desc_text p, .mod .r_con_desc .desc_text p a { color:#666; }
.mod .r_con_desc .desc_text p a:hover { color: #ce0000; }
.mod .rank_list { background: url(../../images/uouo_01/index/rank_number.gif) no-repeat left 5px; line-height: 22px; -background-position: left 4px; /* IE6 */}
.mod .rank_list li { padding-left: 23px; height: 22px; line-height: 22px; overflow: hidden; }
.mod .r_vote {  }
.mod .r_vote h2 { padding: 5px 0 8px 0; font-weight: bold; }
.mod .r_vote .vote_item { padding-bottom: 3px; }
.mod .r_vote .vote_option { line-height: 24px; }
.mod .r_vote .vote_option .col { float: left; }
.mod .r_vote .vote_option .col input { width: 18px; height: 22px; }
.mod .r_vote .vote_option_p {  }
.mod .r_vote .vote_option_p .vote_p_wrap { float: left; width: 220px; height: 10px; padding: 1px; border: 1px solid #E7E7E7; font-size: 0; line-height: 0;}
.mod .r_vote .vote_option_p .vote_p_wrap .vote_p { float: left; height: 10px; background: #BD0303; font-size: 0; line-height: 0;}
.mod .r_vote .vote_option_p span { float: left; margin-left: 8px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #BD0303; line-height: 12px; }
.mod .r_vote .vote_button { padding: 8px 0 5px 0;  }
.mod .r_vote .vote_button input { width: 81px; height: 23px; background: url(../../images/uouo_01/common/button_1.gif) no-repeat; border: none; line-height: 23px; cursor: pointer; }
.mod .r_vote .vote_button input.r_button { margin-left: 20px; }
.mod .links { line-height: 26px; }
.mod .links .extra { color: #D5D5D5; }

.mod_2 .hd { height: 29px; padding: 0 20px; background: url(../../images/uouo_01/index/c_mod_title_bg.gif) repeat-x left 1px; border-top: 1px solid #DDD; line-height: 40px; overflow: hidden; }
.mod_2 .hd .title { float: left; font-size: 14px; font-weight: bold; }
.mod_2 .hd .title, .mod_2 .hd .title a { color: #BC2D09; }
.mod_2 .hd .more { float: right; }
.mod_2 .hd .more, .mod_2 .hd .more a { color: #666; }
.mod_2 .more a:hover { color: #ce0000; }
.mod_2 .bd {}
.mod_2 .headline { padding: 8px 0 5px 0; margin-left: 30px; line-height: 26px; font-size: 14px; font-weight: bold;  }
.mod_2 .headline, .mod_2 .headline a { color: #004499; }
.mod_2 .headline a:hover { color: #BC2D09 }
.mod_2 .con_list { line-height: 26px; font-size: 14px; padding-bottom: 8px; }
.mod_2 .con_list li { padding-left: 13px; margin-left: 18px; background: url(../../images/uouo_01/common/dot.gif) no-repeat left center; }
.mod_2 .con_list li.line { height: 0; font-size: 0; line-height: 0; padding: 9px 0; margin: 0; background: none; }

.focus_mod { background: url(../../images/uouo_01/index/foucus_mod_bg.gif) left 1px no-repeat; }
.focus_mod .hd { background: none; border-bottom: none; }

/* 区域设置 */
#area_1 .col_l {  }
#area_1 .col_r { width: 700px; height: 314px; margin: 0; padding-left: 10px; border-top: 1px solid #DADADA; background: url(../../images/uouo_01/index/right_top_bg.gif) left 1px repeat-x; overflow: hidden; }

/* 焦点推荐 */
#m1 { height: 315px; overflow: hidden; }

/* 今日头条 */
#headline { font-size: 14px; line-height: 28px; }
#headline .bd { float: left; width: 659px; height: 62px; padding: 20px 0 0 0; border-bottom: 1px dashed #DADADA; }
#headline .hd { float: right; width: 14px; height: 69px; padding: 13px 4px 0 6px; background: #E5E5E5;  border-right: 1px solid #DADADA; border-bottom:  1px solid #DADADA; font-size: 12px; line-height: 14px; text-align: center; }
#headline h2 { font-family: "黑体"; font-size: 32px; font-weight: 700; letter-spacing: -2px; line-height: 36px;text-align:center; }

/* 焦点新闻 */
#focus_news { float: left; width: 360px; height: 215px; padding: 6px 0 0 18px; line-height: 24px; overflow: hidden; }
#focus_news h3 { font-size: 14px; font-weight: bold; padding-top: 6px; }

#headline h2, #headline h2 a,
#focus_news h3, #focus_news h3 a { color: #004499; }
#headline h2 a:hover,
#focus_news h3 a:hover { color: #BC2D09 }

/* 幻灯图 */
#slider_warp { float: right; width:308px; height:213px; margin-top: 10px; border: 1px solid #E1E1E1; }
#slider { margin: 1px; width:306px; height:211px; visibility: hidden; position: relative; }
#slider .KSS_btnBox { position:absolute; top: 10px; right: 10px; }
#slider .KSS_titleBar, #slider .KSS_titleBox { position:absolute; bottom: 0; right: 0; width: 100%; height: 30px; -bottom: -1px; /* IE6 */ }
#slider .KSS_titleBar { background: #000; }
#slider .KSS_titleBox { font-size: 14px; text-align: center; line-height: 30px; color: #FFF; }
#slider .KSS_titleBox .title { font-weight: normal; }

/* 模块通用 */
#m2, #m4, #m6, #m3, #m5, #m7 { overflow: hidden; }
/* 专题推荐 & 最新资讯 & 视频播报 */
#m2, #m4, #m6 { height: 253px; }
/* 活动推荐 & 最新资讯 & 图说新闻 */
#m3, #m5, #m7 { height: 280px; }

/* 区域标题*/
.area_title { width: 934px; height: 35px; padding: 3px 13px 0 13px; background: url(../../images/uouo_01/index/area_title.gif) no-repeat; overflow: hidden; }
.area_title h2 { float: left; padding-right: 10px; background: url(../../images/uouo_01/index/area_title_ico.gif) no-repeat right center; font-family: "黑体"; font-size: 20px; line-height: 32px; }
.area_title h2, .area_title h2 a { color: #A7280A; }
.area_title .area_nav { color: #CCC; float: right; margin-right: 20px; font-size: 14px; line-height: 32px; }
.area_title .more { float: right; line-height: 32px; }
.area_title .more, .area_title .more a { color: #BB2C0A; }

/* 模块通用 */
#m8, #m9, #m10, #m11, #m12 { overflow: hidden; }
/* 图文推荐 */
#m8 { height: 225px; }
/* 深度评论 */
#m9 { height: 251px; }
/* 最新新闻 */
#m10 { height: 476px; }
/* 国内新闻 & 国际新闻 */
#m11, #m12 { height: 238px; }

/* 模块通用 */
#m13, #m14, #m15, #m16, #m17 { overflow: hidden; }
/* 明星动态 */
#m13 { height: 234px; }
/* 影视快讯 */
#m14 { height: 242px; }
/* 娱乐资讯 */
#m15 { height: 476px; }
/* 音乐速递 & 动漫播报 */
#m16, #m17 { height: 238px; }

/* 模块通用 */
#m18, #m19, #m20, #m21, #m22 { overflow: hidden; }
/* 推广信息 */
#m18 { height: 258px }
/* 论坛热帖 */
#m19 { height: 258px }
/* 精选博文 */
#m20 { height: 517px }
/* 热文排行 */
#m21 { height: 245px }
/* 互动调查 */
#m22 { height: 271px }