/* CSS Document */

a { color: #222222}
a:hover { text-decoration: none}
.cr { display: block; float: none; font-size: 0; height: 0; line-height: 0; overflow: hidden; clear: both; visibility: hidden}
div.separation { background-color: #E6E6E6; height: 1px; width: 100px; overflow: hidden; margin: 5px 0 10px 0}
a.btn_sign, .banner a, a.btn_post { color: #FFFFFF}
.icon_sign { width: 28px; height: 28px; background: url(../images/sidesprite.png) no-repeat 0 0}
.icon_post { width: 25px;height: 25px; background: url(../images/sidesprite.png) no-repeat scroll -28px 0}
.listBlocks h3 {
    font-size: 16px;
    color: #2B2B2B;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 34px;
    padding-bottom: 15px;
	margin-left: 6px;
}
.LastTips {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    text-align: center;
    margin: 25px auto 10px auto;
}
.LastTips a { color: #777777; font-size: 14px; cursor: pointer}
.LastTips a:hover { color: #00A7EA}

.mtop20{ margin-top:20px;}
.margin0{ margin:0px !important;}
.padding0{ padding:0px !important;}
.padding_margin0{margin:0px !important;padding:0px !important;}
.ml li { padding: 0}

#main_content {
    width: 712px;
    margin-right: 14px;
    height: auto;
    float: left;
    overflow: visible;
}


/**   ��ҳ   **/

/* �Ż���ҳ�õ�Ƭ��ʽ */
.focus_con { width: 712px; padding: 0; margin: 0 0 20px 0; background: #FFFFFF}
.rotate { float: left;width: 712px; height: 274px; position: relative; overflow: hidden}
.rotate .bd ul { height: 274px !important}
.rotate .bd li { height: 274px}
.rotate .bd li h3 { display: none; position: absolute; width: 700px; height: 43px; line-height: 43px; padding-left: 12px; left: 0; bottom: 0; font-size: 16px; color: #FFFFFF; z-index: 50; background: url(../images/black.png) repeat 0 0}
.rotate:hover li h3 { display: block}
.rotate .bd li h3 a { color: #FFFFFF}
.rotate .hd { display: none; left: 0; bottom: 0; padding: 0;position: absolute;width: 712px; height: 43px; background: none; z-index: 80}
.rotate .info_bg {}
.rotate:hover .info_bg {}
.rotate:hover .hd { display: block}
.rotate .hd ul { width: auto; height: 35px; right: 5px; bottom: 2px; padding-left: 0; position: absolute; z-index: 100; border: 0}
.rotate .hd li, .rotate .hd span { float: left; height: 40px;overflow: hidden}
.rotate .hd li { margin: 0 0 0 5px; cursor: pointer}
.rotate .hd li a.img-link { border: 1px solid #DDDDDD; display: inline-block; opacity: 0.5}
.rotate .hd li.on { background: none}
.rotate .hd li.on a { opacity: 0.8; padding: 0; border: 1px solid #FFFFFF}
.rotate .prev { height: 25px; left: 4px !important; position: absolute; top: 125px; width: 18px ;cursor: pointer;
    background: url(../images/arrow_btn.png) no-repeat 0 0
}
.rotate .next { height: 25px; right: 4px !important; position: absolute; top: 125px; width: 18px ;cursor: pointer;
    background: url(../images/arrow_btn.png) no-repeat -30px 0
}

.index_left .index_list { border: 0;  padding: 14px 0 14px 14px; display: block; background: #FFFFFF}
.index_left .iimage{ float:left; display:block; }
.index_left .iright_k{ float:left; padding: 0 19px; width:350px; display:block; }
.index_left .iright_k .spfont{ font-size:12px; line-height:16px; display:block; height:16px; float:left;color:#9b9b9b;}
.index_left .iright_k .spfont a{ color:#9b9b9b;}
.index_left .iright_k .alte a.alink{color:#32A5E7;}
.index_left .iright_k .alte a.alink:hover{color:#0082ad;}
.index_left .iimage img{ border-bottom:1px solid #e6e6e6;}
.index_left .iimage a.is_image{display:inline-block;}
.index_left .iimage a.is_image:hover{ opacity:0.85;filter:alpha(opacity=85);}
.index_left .iimage a.myjicon_image{display:block;width:115px;height:53px;position:absolute;top:20px;left:20px;background: url("../images/myj_icon.png") no-repeat 0 0px;}
a.is_video .backmask_video{width:740px;height:248px;background-color:#000000;opacity:0.15;filter:alpha(opacity=15);}
a.is_video:hover .backmask_video{ opacity:0.30;filter:alpha(opacity=30);}


#convenientNav .f_nav { margin-top:20px}
#convenientNav .nav_li { display:block;float:left;width:125px;height:28px;overflow:hidden;margin-bottom:20px;cursor:pointer}
#convenientNav .icon { text-indent:0;width:21px;height:21px;float:left;margin:auto 12px}
#convenientNav .nav_li p{float:left;height:20px;line-height:20px;color:#2b2b2b;cursor:pointer; font-size: 14px}
#convenientNav .nav_li:hover p{color:#00a7ea}
#convenientNav .icon img{display:block;margin:auto}
#convenientNav .icon .imgHover{display:none}
#convenientNav .nav_li:hover .imgHover{display:block}
#convenientNav .nav_li:hover .imgNormal{display:none}

.listBlocks{width:684px;padding:16px 14px;background:#fff;margin-bottom:7px;height:auto;overflow:hidden}
.listBlocks h2{font-size:41px;color:#010101;font-weight:400;text-align:left;float:left;margin-right:18px;height:43px}

#notice { width:100%;height:auto;overflow:hidden}
#notice .notices .next {}
#notice:hover .icon_refresh { display: block !important}
#notice .notices { float:left;width: 683px;overflow:hidden;height:30px;overflow:hidden;position:relative}
#notice .notices .dxb_bc,#notice .notices .move-span{width:100%;height:30px;overflow:hidden;position:relative}
#notice .optIcon{float:right}
#notice .notices li { width: 685px; height: 30px}
#notice .notices a{display:block;height:30px;width: auto;color:#7f7f7f;background:#fff;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#notice .notices .imgAni_curr {}
.ie7 #notice .notices .imgAni_curr { margin-top: -10px}
#notice .notices .imgAni_next{top:30px}
#notice .notices .imgAni_pre{top:-30px}
#notice .icon,#notice_sharePanel .icon{width:30px;height:30px;float:left;background:url(../images/snssprite.png) no-repeat 0 0}
#notice .icon_refresh{background-position:-150px 0;margin-right:3px;display:none}
#notice .icon_zan { position: absolute; right: 0; width: 75px; padding: 0; margin-left:0;background-position:-180px 0; text-align:center;line-height:31px;color:#fff;font-size:14px; border-radius: 100px; background: #FFAE57 !important}
#notice .icon_share{background-position:-90px 0;margin-left:10px}
#notice .icon_zan:hover{background-position:-180px -30px}
#notice .icon_share:hover{background-position:-90px -30px}
#notice_sharePanel .icon{margin:auto 6px}
#notice_sharePanel .icon_weibo{background-position:-60px 0}
#notice_sharePanel .icon_Qzone{background-position:-30px 0}
#notice_sharePanel .icon_douban{background-position:0 0}
#notice_sharePanel .icon_weibo:hover{background-position:-60px -30px}
#notice_sharePanel .icon_Qzone:hover{background-position:-30px -29px}
#notice_sharePanel .icon_douban:hover{background-position:0 -30px}
#notice_sharePanel{display:none;padding:7px 8px;border:1px solid #e2e2e2;position:absolute;top:1205px;z-index:5;left:1020px;background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.3)}
#notice_sharePanel .arrow{display:block;width:8px;height:6px;position:absolute;top:-6px;right:22px;background:url(../images/arrow.png) no-repeat 0 0}

.list { display:block;height:auto;clear:both;overflow:hidden;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #f2f2f2}
.list_avatar { display:block;width: 50px; height: 50px;margin-left:6px;margin-right: 7px;float:left; overflow: hidden}
.list_avatar img, .scorer img { width: 50px; height: 50px}
.listContent { display:block;width:617px;float:left;word-break:break-all;margin-left:4px}
.setTopIcon, a.category { padding:2px 8px;font-size:12px;color:#fff;border-radius: 0;line-height:20px}
a.category { margin-right:6px;background:#37b8eb}
.listTitle{font-size:16px;line-height:24px;color:#2b2b2b;vertical-align:baseline}
.listTitle:hover { color: #37B8EB}
.setTopArea .listTitle{font-size:16px;line-height:24px;color:#00a7ea}
.setTopIcon{background:#f35b4f;margin-left:6px;margin-top:3px;white-space:nowrap;display:inline-block;padding:0 8px 1px;width:26px;vertical-align:top}
.listBlockContent .third .setTopIcon { background: #F7AC1D}
.marking {
    margin-left: 6px;
    vertical-align: top;
    margin-top: 4px;
}
.footnote{clear:both;margin-top:10px;font-size:12px;color:#d0d4d8;height:18px}
.footnote div{float:left;height:18px;line-height:18px;margin-right:16px}
.footnote a{color:#d0d4d8}
.ftn_comment i,.ftn_readNum i{width:20px;height:15px;float:left;margin-top:2px;margin-right:6px;background:url(../images/postsprite.png) no-repeat 0 0}
.ftn_readNum i{background-position:-107px -36px}
.ftn_comment i{background-position:-127px -36px}
.ftn_comment p,.ftn_readNum p{float:left}
.footnote .postTime{float:right;margin-right:5px}

.imgAnimate { display:block;width:274px;height:134px;overflow:hidden;position:relative}
.imgAnimate a { display: block}
.imgAnimate .imgAni_curr{top:0;left:0}
.imgAnimate .imgAni_next{top:0;left:274px}
.imgAnimate .imgAni_prev{top:0;left:-274px}


.thumbnails { margin-top:10px;clear:both}
.thumbnails img{margin-right:10px}
.thumbnails .imgs { float: left; width: 120px; height: 90px; margin: 0 15px 0 0}
.thumbnails p { float: left; width: 460px; padding: 5px 0 0 0; font-size: 14px; color: #888888; line-height: 24px}

#linkTip {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #E4E7E9;
    width: 100%;
}
.linkTip a {
    font-size: 16px;
    color: #7F7F7F;
}
#flk {
    line-height: 58px;
    text-align: right;
}
#flk li { float: left}
#flk li a {
    margin-right: 25px;
}
.linkTip a {
    font-size: 16px;
    color: #7F7F7F;
}
.mbn {
    margin-bottom: 5px !important;
}