#wallpaper{margin-bottom:12px;width:980px}
#wallpaper img{width:980px}
#maincontent{overflow:hidden}
#maincontent .wrapper{float:left;overflow:hidden;width:310px;margin-right:15px}
#recommend{float:left;width:380px;overflow:hidden;margin-right:15px}
#news h3,#recommendposts h3{width:308px}
#info{float:left;width:260px;_ margin-right:-30px}
#gallery{float:left;width:980px}
#lastposts{float:left;width:665px;margin-right:15px;_ margin-right:-15px}
#views{float:left;width:300px;overflow:hidden}
#views .wrapper{padding:0 10px;width:280px}
h3{background:url(/topic/images/complex/bg_title.gif) repeat-x;height:35px;border-left:1px solid #dadada;border-right:1px solid #dadada;margin-bottom:10px;font-size:1.2em}
h3 span{overflow:hidden;display:block;border-bottom:2px solid #588352;width:85px;height:24px;line-height:24px;padding:6px 15px 1px}
h4{overflow:hidden;height:25px;border-bottom:2px solid #ccc;margin-bottom:10px;font-size:1.1em}
h4 span{overflow:hidden;display:block;background:url(/topic/images/complex/icon_arrow.gif) no-repeat left center;border-bottom:2px solid #ccc;width:75px;height:20px;line-height:20px;padding:2px 20px}
h4 span.last{width:100px}

/* wrapper: news */ 
#news{margin-bottom:15px;width:310px}
#news .imagetitle{width:308px;border:1px solid #dadada}
#news .imagetitle .image{width:298px;height:198px;border:1px solid #999;margin:15px 4px 0}
#news .imagetitle .title{height:35px;line-height:35px;margin-left:10px}

/* wrapper: video */ 
#video{overflow:hidden;width:310px}
#video .imagetitle_left{float:left;width:310px;overflow:hidden;border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}
#video .imagetitle_left .image{float:left;width:120px;height:70px;padding:2px;border:1px solid #dadada;margin-right:10px}
#video .imagetitle_left .image a{height:70px}
#video .imagetitle_left .image img{width:120px}
#video .imagetitle_left .title{float:left;width:148px;background:url(/topic/images/complex/icon_video.gif) no-repeat top left;padding-left:25px;font-weight:300}
#video .imagetitle_left .title a{font-size:.95em;color:#0155b5}

/* recommend */ 
#recommend .item{overflow:hidden;margin-bottom:26px}
#recommend .last{margin-bottom:15px}
#recommend .item ul{width:375px;list-style:none}
#recommend .item ul li{line-height:24px;float:left;white-space:nowrap}
#recommend .item li a{font-size:1.0em;padding-right:2px}

/* info */
#info .wrapper{width:238px;border:1px solid #dadada;background:#fafafa;padding:0 10px}
#info .image{width:244px;height:180px;border:1px solid #dadada;margin:6px;margin-top:15px}
#info p{font-size:.9em;padding:9px;line-height:23px}
#info #cont_m_10_box{padding-top:10px}

/* gallery */
#gallery{margin-bottom:15px}
#gallery h3{margin-bottom:0}
#gallery .wrapper{overflow:hidden;width:958px;border:1px solid #dadada;border-top:0;padding:15px 10px 0}
#gallery .imagetitle{float:left;width:910px;margin-left:8px;text-align:center}
#gallery .last{margin-right:0}
#gallery .imagetitle img{border:1px solid #ccc, width:120px; height:80px}
#gallery .imagetitle .title{font-size:14px;line-height:20px}

/* lastposts */
#lastposts .pagebar{overflow:hidden;width:664px;background:url(/topic/images/complex/bg_pagebar.gif) repeat-x;height:40px;line-height:40px;margin-bottom:15px}
#lastposts .page{float:left;width:520px;padding-left:15px;margin-top:-1px}
#lastposts .page span{margin-right:15px}
#lastposts .page span.number{background:url(/topic/images/complex/bg_pagenumber.gif) repeat-x center;border:1px solid #dadada;padding:0 6px}
#lastposts .page span.selected{border:1px solid red;font-weight:700}
#lastposts .button{float:left;width:80px}
#lastposts .wrapper{width:663px;border:1px solid #dadada;margin-bottom:15px;_ margin-bottom:0}
#lastposts .even{background:#e6e6dd;padding:1px 8px 8px;line-height:1.3em;border-top:0;font-size:14px}
#lastposts .odd{padding:1px 8px 8px;line-height:1.3em;border-top:0;font-size:14px}
#lastposts p.title{margin:2px 0px}
#lastposts strong{margin:2px 0px;padding-left:10px; }
#lastposts span{margin-right:10px;font-size:.9em}
#lastposts span.reads{color:#588352}
#lastposts span.author{color:red;font-size:1em}
#lastposts span.author:before{content:'- '}
#lastposts span.author:after{content:' -'}
#lastposts p.content{padding-left:10px}
#lastposts ul{background:url(/topic/images/complex/replyline.gif) no-repeat top left}
#lastposts ul li{list-style:none;border-top:1px dashed #ccc;padding-top:10px;margin-left:10px;margin-top:10px}
#lastposts ul li.first{border:0}
#lastposts ul li span.author{background:url(/topic/images/complex/icon_point.gif) no-repeat left center;padding-left:10px}

/* views */
#views .wrapper{margin-top:-5px;weight:300px}
#views .imagetitle_left{height:102px;border-bottom:1px solid #dadada;padding:10px 0 7px}
#views .image{float:left;width:120px;margin-right:10px}
#views .summary{float:left;width:288px;height:88px;overflow:hidden;font-size:.85em;margin-top:-4px;line-height:22px}
#views .summary img{height:80px}
#views span.title{font-size:1em;font-weight:700;}
.Pixviewer{position:relative;margin:0 auto}
.Pixviewer .PvBigPic{padding:0;text-align:center;overflow:hidden;background:#000}
.Pixviewer .PvTitleBox{background-color:#ccc;font-size:12px;font-weight:700;color:#000;text-align:center}
.Pixviewer a:link,.Pixviewer a:visited{color:#000;text-decoration:none}
.Pixviewer a:hover{color:red;text-decoration:none}
.Pixviewer .PvNumber{font-size:10px;color:#fff;overflow:hidden;position:absolute;right:1px;z-index:50;text-align:right;line-height:14px}
.Pixviewer .NumberHover{background-color:#ce0609}
.Pixviewer .NumberLeave{background-color:none;padding:1px 7px 1px 8px}
.Pixviewer .PvNumberBg{position:absolute;right:1px;z-index:50;height:1px;width:250px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://i3.sinaimg.cn/IT/deco/2010/0428/top/images/numberbg.png');_background:0 0}
.Pixviewer .Triangle{width:20px;height:17px;position:absolute;z-index:49;background:url(http://i3.sinaimg.cn/IT/deco/2010/0428/top/images/triangle.png) no-repeat 0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://i3.sinaimg.cn/IT/deco/2010/0428/top/images/triangle.png');_background:0 0}
.Pixviewer .BorderHack1{background-color:#707070;position:absolute;z-index:51;height:1px;top:0;left:0;font-size:0;overflow:hidden}
.Pixviewer .BorderHack2{background-color:#707070;position:absolute;z-index:51;width:1px;top:0;right:0;font-size:0;overflow:hidden}
.Pixviewer .BorderHack3{background-color:#707070;position:absolute;z-index:51;height:1px;left:0;font-size:0;overflow:hidden}
.Pixviewer .BorderHack4{background-color:#707070;position:absolute;z-index:51;width:1px;left:0;top:0;font-size:0;overflow:hidden}.Pixviewer .Title{background-color:#ccc}
.piclgo_on{background:url(/topic/images/complex/btn_left.png) no-repeat scroll center center transparent}
.picrgo_on{background:url(/topic/images/complex/btn_right.png) no-repeat scroll center center transparent}
#picnext,#picprev{cursor:pointer;height:20px;padding:150px 0;width:20px}
#picprev{float:left}
#picnext{float:right}
.imagebox li{height:160px;width:150px;float:left;list-style:none}
#morewrapper{width:948px;overflow:hidden;border:1px solid #ddd;border-bottom:0;padding:15px;padding-top:5px}
#breadcrumb{width:100%;padding:0 0 10px;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#breadcrumb span a{color:#324FE1;text-decoration:none}
#breadcrumb span a:hover{color:red;text-decoration:underline}
#breadcrumb img{padding:0 8px;width:8px;height:8px}
.turnpage{width:100%;overflow:hidden;height:24px;line-height:24px;font-size:14px}
.turnpage *{vertical-align:middle;display:block;float:left}
.turnpage ul{margin:0;padding:0;list-style:none}
.turnpage ul li{float:left;margin:0 6px;line-height:24px;height:24px}
.turnpage ul li strong{margin-right:5px}
.turnpage ul li input{width:57px;height:23px}
.turnpage ul li input.gotopage{width:40px;height:16px;border:1px solid #999;margin:0 4px;margin-top:1px;font-size:.9em}
.turnpage span{padding:0 10px}
.turnpage span.special a{color:#324FE1}
.turnpage span.selected{font-weight:700}
.turnpage a{color:#324FE1}
.turnpage a:hover{color:red;text-decoration:none}
.maincontent #news .wrapper a{color:#186EC2}
.maincontent #news .wrapper p a{color:#324FE1}
.maincontent #news .wrapper p a:hover{text-decoration:underline}
#morewrapper .list{width:100%;overflow:hidden;margin:6px 0}
#morewrapper .list ul{float:left;width:460px;margin-right:28px;list-style:none;padding:8px 0}
#morewrapper .list .last{margin-right:0}
#morewrapper .list ul li{height:26px;line-height:26px;*height:20px;*line-height:20px;_height:20px;_line-height:20px;width: 665px;}
#morewrapper .list ul li span{display:block;float:right;font-size:12px}
#morewrapper .list ul li a{display:block;float:left;color:#186EC2;overflow:hidden;width:430px;width: 550px;}
#morewrapper .list ul li a:visited{color:#606}
#morewrapper .list ul li a:hover{color:red}

/* WIDTH990+10px WHITEBG 2/2014/JOLIE */
#wallpaper{margin:0 5px 15px;width:990px}
#mainwrapper{width:990px;padding:10px 5px 15px}
#info{width:270px}
#info .wrapper{width:258px;padding-right:0}
#gallery{width:990px}
#gallery .wrapper{width:968px;padding:15px 5px 0 15px}
#views{width:310px}
#views .wrapper{padding-right:0;width:300px}
.center{text-align:center}

.imagetitle_left .title{width:288px;background:0 0;border:0;margin-bottom:5px;font-weight:700;font-size:1.1em}
.imagetitle_left .videotitle {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    float: right;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight:600;
    width: 350px;
}

#morewrapper .list ul li a.video {
    color: #186EC2;
    display: block;
    float: left;
    overflow: hidden;
    width: 350px;
}
a{text-decoration:none}.sidebar .block{margin-bottom:5px;float:left}#imageitem .image{width:210px;height:200px}.mainwrap{float:left;width:350px;overflow:hidden;margin-right:10px}.imageitem0{float:left;overflow:hidden;margin:10px 0 10px;list-style:none;width:108px}.imageitem0 .titleimage .title{height:43px;background:rgba(0,0,0,0) none repeat scroll 0 0;width:95px;line-height:22px;font-family:Arial,Helvetica,sans-serif;font-size:15px;padding-top:10px;text-align:center;font-size:15px;text-overflow:ellipsis;overflow:hidden;text-align:left}.imageitem1 .titleimage .title a,.imageitem0 .titleimage .title a{color:#333;font-weight:600}.imageitem0 .titleimage .title a:hover,.imageitem1 .titleimage .title a:hover{color:#175199;font-weight:600}.imageitem0 .titleimage .image{width:86px;height:86px;overflow:hidden;box-shadow:0 .1rem .3rem rgba(0,0,0,0.15);border-radius:10px;background:#eee}.circle{border-radius:50% !important}.imageitem0 .titleimage img{width:100%;height:100%}.imageitem0 .imagetitle{overflow:hidden;padding-bottom:12px;border-bottom:1px solid #ccc;margin-bottom:12px}.imageitem0 .imagetitle img{width:218px}.imageitem0 .imagetitle .title{width:210px;font-size:1.1em;font-weight:700;margin-bottom:12px}.imagetitle_left0{float:left;overflow:hidden;padding:8px 0;border-bottom:1px solid #ccc}.imagetitle_left0 .image{float:left;width:80px;height:50px;padding:3px;border:1px solid #ccc;margin-right:6px}.imagetitle_left0 img{height:50px}.imagetitle_left0 .title{float:right;width:190px;background:0;border:0;margin-bottom:5px;font-weight:700;font-size:1.1em}.imagetitle_left0 .title a{color:#0259ba}.imagetitle_left0 .summary{float:left;width:190px;margin:0}.imageitem2{width:220px;float:left;overflow:hidden;margin-right:10px;height:210px}.imageitem2 .titleimage{background-color:#f0f0f0;border:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;overflow:hidden}.imageitem2 .titleimage:hover{background-color:#fff}#news .wrapper{width:340px}#news p{padding:5px 0;font-size:.9em}#news p a{color:#324fe1}.ac_list_pcomment_img{background:rgba(0,0,0,0) url("/images/pcomment.png") no-repeat scroll 0 0;display:inline-block;float:left;height:22px;width:14px}.ac_list_ptime_img{background:rgba(0,0,0,0) url("/images/ptime.png") no-repeat scroll 0 0;display:inline-block;float:left;height:22px;width:14px}.ac_list_play_img{background:rgba(0,0,0,0) url("/images/play.png") no-repeat scroll 0 0;display:inline-block;float:left;height:22px;width:14px}.infor{height:20px;margin:10px 0 0 0;float:left}.infor a.comment-num{font-size:13px;line-height:11px;color:#6c6b6b}.infor span{float:left;line-height:12px;padding-left:6px;font-size:12px;color:#989898}#sponsors{width:auto;overflow:visible}.sidebar h4{background:0;color:#060606;border-bottom:1px solid #ddd;height:20px;line-height:3px;padding:6px;font-size:16px}.sidebar .block{border:0}.imageitem1{float:left;overflow:hidden;margin:15px 0 0;width:650px;list-style:none}.imageitem1 .titleimage{overflow:hidden;margin-right:12px;display:inline}.imageitem1 .titleimage .title{height:24px;background:rgba(0,0,0,0) none repeat scroll 0 0;width:568px;line-height:22px;font-family:Arial,Helvetica,sans-serif;font-size:18px;float:left;margin-left:3px;color:#fff;overflow:hidden}.imageitem1 .titleimage .image{width:180px;height:100px;overflow:hidden;float:left;border-radius:5px}.imageitem1 .titleimage img{width:223px}.imageitem1 .imagetitle{overflow:hidden;padding-bottom:12px;border-bottom:1px solid #ccc;margin-bottom:12px}.imageitem1 .imagetitle img{width:218px}.imageitem1 .imagetitle .title{width:210px;font-size:1.1em;font-weight:700;margin-bottom:12px}.imagetitle_left0{float:left;overflow:hidden;padding:8px 0;border-bottom:1px solid #ccc}.imagetitle_left0 .image{float:left;width:80px;height:50px;padding:3px;border:1px solid #ccc;margin-right:6px}.imagetitle_left0 img{height:50px}.imagetitle_left0 .title{float:right;width:190px;background:0;border:0;margin-bottom:5px;font-weight:700;font-size:1.1em}.imagetitle_left0 .title a{color:#0259ba}.maincontent .title .info{background:0;border-right:0}.imagetitle_left0 .summary{float:left;width:190px;margin:0}.imageitem2{width:220px;float:left;overflow:hidden;margin-right:10px;height:210px}.imageitem2 .titleimage{background-color:#f0f0f0;border:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;overflow:hidden}.imageitem2 .titleimage:hover{background-color:#fff}.itemsContainer{background:#b8e0c7;float:left;position:relative;margin-left:0 !important;padding:0 !important;z-index:12;border-radius:5px}.infor a{float:left;margin-right:15px}.infor span{float:left;line-height:12px;padding-left:6px;font-size:12px;color:#989898}.imageitem1 .titleimage .image.album{width:80px;height:80px;float:left;border-radius:5px}.titleimage .container{float:left;width:529px;float:left;margin-left:20px;margin-top:12px}.imageitem1 .titleimage .image.album img{width:80px}.description{margin-top:5px;height:20px;overflow:hidden;float:left;width:568px;font-size:17px !important;line-height:20px !important}.description span{font-size:17px;height:23px;line-height:22px;overflow:hidden;color:#8a8a8a;overflow:hidden;display:inline-grid}.container_user,.container_album,.container_post,.container_post_hot{overflow:hidden;background:#fff;margin-bottom:10px}.container_user ul,.container_album ul,.container_post ul,.container_post_hot ul{display:inline-block}.container_user{height:369px}.ExploreHomePage-ContentSection-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:36px;margin:10px 0 0}.ExploreHomePage-ContentSection-header span{font-size:25px;font-synthesis:style;font-weight:600;margin-left:12px;color:#333}.mt_0{margin-top:0}.border_50{border-radius:50%}.border_5{border-radius:5px}img:hover{opacity:.9}.avatar_middle .title{width:290px;font-size:1.1em;font-weight:700;margin-bottom:12px}.avatar_middle{float:left;overflow:hidden;padding:1px 0;border-bottom:1px solid #cccccc2b;width:100%}.avatar_middle .image{float:left;width:50px;height:50px;padding:3px;margin-right:6px}.avatar_middle img{object-fit:cover;width:100%;height:100%}.avatar_middle .title a{color:#333;height:22px;overflow:hidden;display:inline-block;width:220px}.avatar_middle .title{margin-top:7px}.sidebar .title{background:none !important}.sidebar{float:left;overflow:visible;width:300px}.maincontent{float:left;padding:0 1px 20px 15px}
.hot-post {
    float: left;
    display: flex;
    align-items: center;
    width: 640px;
    height: 109px;
    margin-bottom: 0;
}
.hot-post .titleimage{float:left;margin-right:10px}
.hot-post .titleimage img{width:95px}
.hot-post .titleimage .image{width: 95px;height: 95px;border-radius: 5px}
.hot-post-title{max-width:640px;display:inline-block;vertical-align:middle;font-weight:800;padding:0}
.hot-post-title .title{font-size: 18px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    max-height: 45px;
    line-height: 23px;
    color: #000000;
    overflow: hidden;
    display: block;
}
.hot-post-title .title:hover{color:#0062ff}
.sub-title{margin-bottom: 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:1.4;max-width:100%;color:#a3a3ac;margin-top:3px}