@charset "utf-8";
/* CSS Document */
.s_title{ height:22px; line-height:22px; color:#c9c9c9; position:relative;}
.s_title span.iname{ color:#5abce1; font-size:16px;}
.fanhui{color:#343434; display:block; position:absolute; right:0; top:0px; font-size:14px;}
.fanhui span{color:#5abce1;}
.batedite{ width:270px; height:22px; display:block; position:absolute; right:140px; top:0px; line-height:22px; overflow:hidden;}
.batedite a.edit_bat{ display:block; height:22px; background:url(../images/space/photo/bat_icon.png) 4px 5px  no-repeat; padding-left:24px; padding-right:4px; color:#343434; font-size:14px; float:left; margin-right:10px;}
.batedite a.edit_bat{background:url(../images/space/photo/bat_icon_hover.png) 4px 5px  no-repeat #5abce1; color:#ffffff;}
.batedite a.sp{ display:block; color:#77c6e5; font-size:14px; float:left; margin-right:4px;height:22px; line-height:22px; padding-right:10px;}



.album_m{ padding:20px 0 10px 0px;}
#masonry{ width:1280px; margin:0 auto;}
.items{ width:315px; float:left; margin-right:7px; margin-bottom:5px; cursor:pointer; height:177px; overflow:hidden;}
.ss{width: 315px;}
.ie8 .ss{ zoom: 1;/*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=3, Color=#dbdadb);*/filter: progid:DXImageTransform.Microsoft.Shadow(color=#dbdadb,direction=90,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#dbdadb,direction=180,strength=3) }
.nei_c{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.44); opacity:0; transition:all 0.3s ease;}
.ss:hover .nei_c{ opacity:1;}
.nei_c .yj {
    background:url(../images/change/guests/ls2.png) left 0px no-repeat;
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    padding-left: 20px;
	position:absolute; left:84px; bottom:10px;
}
.nei_c .xin {
    background:url(../images/change/guests/ls1.png) left 0px no-repeat;
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    margin: 0 15px 0 0px;
    padding-left: 20px;
	position:absolute; left:10px; bottom:10px;
}
.togao_btn {
    position: absolute;
    right: 60px;
    top: 16px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    width: 42px;
    height: 24px;
    line-height: 23px;
    background: #af1702;
    border-radius: 7px;
}
.edit_btn {
    position: absolute;
    right: 10px;
    top: 16px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    width: 42px;
    height: 24px;
    line-height: 23px;
    background: #76acec;
    border-radius: 7px;
}

.delted_btn{ display:block; position:absolute; right:10px; bottom:10px; background:url(../images/change/guests/delete.png) no-repeat; text-indent:-9999px;}


.d_z{ position:relative; width:315px; overflow:hidden;}
.d_z img{ width:100%;}
.d_z .select_z{ width:41px; height:20px; position:absolute; right:0; top:16px; z-index:10;}
.d_z .select_z ul li{ float:left;}
.d_z .select_z ul li a{ width:40px; height:20px; display:block; text-indent:-9999px; background:url(../images/space/photo/e_d.png) no-repeat;}
.d_z .select_z ul li a:hover{ background:url(../images/space/photo/e_d_hover.png) no-repeat;}
.d_z .select_z ul li a.sc1{width:41px; background-position:0 0 ;}
.d_z .select_z ul li a.sc2{width:40px; background-position:-41px 0 ;}
.d_z .select_z ul li a.sc3{width:41px; background-position:0px 0 ;}
.d_z .select_z ul li a.sc4{width:39px; background-position:-41px 0 ;}
.d_z .select_z ul li a.sc5{width:40px; background-position:-161px 0 ;}


.d_z .all_z{ width:20px; height:20px; position:absolute; right:10px; top:16px; z-index:10; display:none;}
.batedite a.sp{ display:none;}


.tg_author {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 12px;
    left: 10px;
}
.tg_author span{ font-size:12px;}
.no_infor{ width:300px; margin:0 auto;}

.link_fcbg{ background:#f6f6f6; width:100%; height:100%; position:fixed; z-index:9999; top:0; left:0;}
.fcshow{ width:77%; float:left; text-align:center; background:#fff; height:95%; position:relative;}
.ml_pic{ margin:0 auto; width:85%; height:90%;}
.ml_pic img{ max-width:100%; height:100%; margin:0 auto; display:block;}

.topconduce{ padding:28px 0; border-bottom:1px #efeded solid;}
.lt_top1{ background:url(../images/change/guests/c1.png) no-repeat left; height:20px; float:left; font-size:14px; color:#2d2d2d; padding-left:30px; margin:0 15px;}
.active{background:url(../images/change/guests/c1_act.png) no-repeat left;}


.lt_top2{ background:url(../images/change/guests/c2.png) no-repeat left; height:20px; float:left; font-size:14px; color:#2d2d2d; padding-left:30px; margin:0 15px;}
.shaw_btn{ float:right; width:74px;}
.content_part{ padding:18px 0; border-bottom:1px #efeded solid;}
.userpic{ float:left; width:60px; height:60px; overflow:hidden; border-radius:50%;}
.userpic img{ width:60px; height:60px;}
.userinfo{ width:65%; float:left; margin-left:5%;}
.usernames{ font-size:16px; color:#2b2b2b; margin-bottom:15px;}
.topic_name{ font-size:18px; color:#666666; margin-bottom:10px;}
.discript_test{ color:#666666; font-size:14px;}
.lt_top3{ background:url(../images/change/guests/fc_pl.png) no-repeat left; height:20px; font-size:14px; color:#666666; padding-left:32px;}
.fbtst_pl{ display:block; float:right; width:112px; height:28px; line-height:28px; background:#af1702; color:#fff; text-align:center; border-radius:6px; font-size:13px;}
.other_pls{ padding:18px 0;}
.others_imgs{ width:40px; height:40px; overflow:hidden; border-radius:50%; float:left; margin-right:10px;}
.others_imgs img{ width:40px; height:40px;}
.other_ofs{ float:left; width:78%;}
.ver_t1{ font-size:16px; color:#2b2b2b; margin-bottom:5px;}
.ver_t2{ font-size:12px; color:#bfbebe; margin-bottom:7px;}
.ver_t3{ font-size:14px; color:#666666;}
.other_pls li{ padding-bottom:22px;}
.topcolse{ width:90%; margin:0 auto; height:10%; overflow:hidden;}
.close_fc{ height:29px; width:29px; float:right; padding:22px 0;}


.qr_bg{ width:160px; height:174px; position:absolute; right:53px; top:55px; z-index:999; background:url(../../images/index/qr_bg.png) no-repeat; display:none;}
.qrcod{ width:146px; height:146px; margin:18px 0 0  18px;}

.noss{ width:960px; margin:0 auto;}

@media screen and (max-width:1600px){

}

@media screen and (max-width:1366px){

}

.btn_area{ float:right;}

.loads{ width:38px; height:38px; margin:0 auto; display:none;}
.loads img{ width:100%;}


.tip_btn{ display:block; width:16px; height:16px;  position:absolute; right:10px; bottom:10px; background:url(../images/tips.png) no-repeat; text-indent:-9999px; z-index:99;}
.tips_c{ position:absolute; right:30px; bottom:10px; z-index:99; display:none;}


.edit_main{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background:rgba(0,0,0,0.75); display:none;}
.edit_con{ width:394px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#ffffff;}
.edtit_c_title{ height:40px; background:#f2f2f2; position:relative; padding-left:10px; color:#2b2b2b; font-size:14px; font-weight:bold; line-height:40px;}
.edit_c_close{ width:17px; height:17px; background:url(../images/edit_close.png) no-repeat; text-indent:-9999px; position:absolute; right:10px; top:11px;}
.edit_com{ width:324px; margin:0 auto; padding:20px 0 30px;}
.edit_inputs{ height:24px; line-height:24px; margin-bottom:20px; }
.edi_title{ color:#4c4c4c; font-size:14px; float:left;}
.edi_input{ width:246px; height:24px;  float:right;}
.edi_input input{ width:100%; height:24px; color:#333333;box-sizing:border-box; border:1px solid #b5b5b5; padding-left:10px; background:#ffffff;}
.edit_btn_z{ width:100%; text-align:center; padding-top:10px;}
.edit_save{ display:inline-block; width:65px; height:26px; text-indent:-9999px; background:url(../images/edit_save.png) no-repeat; margin:0 10px;}
.edit_cancel{ display:inline-block; width:65px; height:26px; text-indent:-9999px; background:url(../images/edit_cancel.png) no-repeat; margin:0 10px;}



#zhuti_pop {
    background:  #fff;
    border: 1px solid #e0e0e0;
    left: 595px;
    position: absolute;
    top: 258px;
    z-index: 1001;
	display:none
}
#zhuti_pop ul li{ line-height:22px; padding:0 15px 0 10px; font-size:12px; position:relative;}
#zhuti_pop ul li a{ color:#7A7A7A;  height:22px; padding-right:15px; display:block;}
#zhuti_pop ul li a:hover{ color:#5abce1; }


.spop{ width:220px; border:1px solid #A8A8A8; background:rgba(255,255,255,1.00); position:fixed; height:200px; overflow:hidden; overflow-y:auto; z-index:999;}
.spop li{ cursor:pointer; font-size:12px; line-height:20px; padding-bottom:4px; padding-left:2px;}
.spop li:hover{color:#5abce1;}
input[disabled]{ cursor:not-allowed; background:#cacaca;}