﻿body{background:#f5f5f5;}
.container{
    font-family:Arial,"Microsoft YaHei";
}
.sdetail_content{
    padding-top:10px;
}

/* 晒详情
------------------------------------*/
.sdetail_main{
    float:left;
    width:738px;
}

.sdetail_area{
    padding:20px;
}
.sdetial_img{
    float:left;
    width:355px;
}
.sdetial_img .showimg_box{
    position:relative;
    width:340px;
    height:340px;
    overflow:hidden;
    background:#f0f0f0 url(https://i.huim.com/content_new/images/shaidan_pic_bg.png) repeat;
}
.showimg_box .choice_ico{
    position:absolute;
    top:0;
    left:-5px;
    z-index:5;
    display:inline-block;
    width:94px;
    height:31px;
    line-height:24px;
    text-indent:15px;
    background-position:-156px 0;
    font-size:14px;
    color:#fff;
}
.showimg_box .cur_bag{
    max-width:340px;
    max-height:340px;
    margin:auto;  
    position:absolute;  
    top:0;
    left:0; 
    bottom:0; 
    right:0;
    cursor: url(https://i.huim.com/content_new/images/big.cur), auto;
}
.sdetial_img .showimg_list{
    margin-top:8px;
}
.sdetial_img .showimg_list li{ 
    position:relative; 
    float:left;
    margin-right:5px; 
    cursor:pointer; 
}
.sdetial_img .showimg_list .selected_img a{
    border:2px solid #f95c68;
    padding:0;
    min-width:52px;
    min-height:52px;
    overflow:hidden;
    opacity:1; 
    filter:alpha(opacity=100); 
}
.showimg_list a{
    display:block; 
    width:52px; 
    height:52px;
    opacity:0.7; 
    filter:alpha(opacity=70); 
    overflow:hidden; 
    padding:1px;
    border:1px solid #f0f0f0;
}
.showimg_list img{ 
    vertical-align:middle; 
    max-height:52px;
    max-width:52px;
}

/* 详情信息
------------------------------------*/
.sdetail_area .sdetail_pro{
    position:relative;
    float:left;
    width:340px;
    height:400px;
}
.sdetail_pro .pro_review{
    font-size:14px;
    color:#333;
    line-height:26px;
    text-align:justify;
}
.pro_review .pro_review_marks{
    display:inline-block;
    float:left;
    width:18px;
    height:16px;
    margin:0 4px 0 0;
    background-position:0 -35px;
}
.sdetail_pro .pro_time{
    margin-top:15px;
    color:#999;
    font-size:12px;    
}

.sdetail_pro .pro_active{
    position:absolute;
    bottom:70px;
    width:340px;
    text-align:center;    
}

.pro_active .like_btn{
    display:inline-block;
    width:128px;
    height:40px;
    text-align:center;
    line-height:40px;
    border:1px solid #f95c68;
    color:#f95c68;
    font-size:14px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
}

.like_btn .like_ico{
    display:inline-block;
    margin-right:5px;
    width:16px;
    height:16px;
    background-position:-52px 0; 
    vertical-align:middle;
}
.pro_active .like_hover{
    background-color:#f95c68;
    color:#fff;
}
.like_hover .like_ico{
     background-position:-78px 0;    
}
.pro_active .like_select{
    
}

.like_select .like_ico{
     background-position:-26px 0;   
}

.pro_active .like_tips{
    padding-top:5px;
    color:#a8a8a8;
}

.sdetail_pro .pro_buy{
    position:absolute;
    bottom:1px;
    width:320px;
    padding:10px;
    height:30px;
    line-height:30px;
    border-top:1px dashed #d8d8d8;
    border-bottom:1px dashed #d8d8d8;
}
.pro_buy .buy_btn{
    display:inline-block;
    float:right;
    width:68px;
    height:28px;
    text-align:center;
    line-height:28px;
    color:#808080;
    font-size:14px;
    border:1px solid #ccc;
}
.pro_buy .buy_btn:hover{
    color:#808080;
    font-size:14px;
    border:1px solid #acacac;
}
.pro_buy .buy_reference{
    font-size:14px;
    color:#666;
}
.sdetail_main .sdetail_comment{
    padding:25px 25px 0 25px;
}

/* 详情左侧
------------------------------------*/
.sdetail_side{
    float:right;
    width:250px;
}

.author_info{
    padding:20px 0 20px 20px; 
}

.author_info .user_box{
    margin-bottom:15px;
}
.user_box .pic_wrap{
    float:left;
    margin-right:12px;
}
.pic_wrap img{
    width:60px;
    height:60px;
}
.user_box .info_wrap{
    float:left;
}
.info_wrap .info_nickname{
    margin-bottom:8px;
    width:150px;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.info_wrap .info_nickname a{
    color:#8a4545;
    font-size:14px;
    font-weight:700;
}

.author_info .user_atten li{
    float:left;
    width:68px;
    text-align:center;
    border-right:1px solid #ebebeb;
}
.author_info .user_atten li:last-child {
    border:0;
}
.author_info .user_atten .s_txt1{
    display:block;    
    font-weight:bold;
    line-height:18px;
    width:65px;
    color:#555;
    font-size:16px;
    overflow:hidden;
}
.author_info .user_atten .s_txt1:hover{
    color:#f95c68;
}
.author_info .user_atten .s_txt2{
    color:#8e8e8e;
 }
 
/* 作者的晒
------------------------------------*/
.item_piece_tit{
    padding:15px 0 10px 13px;
    color:#444;
    font-size:14px;
    font-weight:700;
}
.sum_share_cot{
    padding-left:13px;
    padding-bottom:10px;
}
.sum_share_cot li{
    float:left;
    margin-right:9px;
    margin-bottom:9px;    
}
.sum_share_cot li a:hover{
    opacity:0.8; 
    filter:alpha(opacity=80); 
}
.sum_share_cot li img{
    width:68px;
    height:68px;
}
.sun_share .link_more{
    display:block;
    height:34px;
    line-height:34px;
    text-align:center;
    font-size:12px;
    background-color:#f7f7f7;
}

/* 查看大图晒单
------------------------------------*/
#show_showbigpic_pop{
    display:block; 
    width:900px; 
    height:730px; 
    margin-left:-450px;     

    border:2px solid #808080;
    background:none;
    font-family: Arial,"Microsoft YaHei";
    position:absolute;
    top: 50%;
    left: 50%;
    z-index: 1001;
    display:none;
}
#show_showbigpic_pop .popbox_close{
    display:inline-block;
    position:absolute;
    z-index:100;
    overflow:hidden;
    line-height:999em;
    outline: none;    
    top:10px;
    right:10px;
    width:37px;
    height:37px;
    background-position:0 -133px;
}
#show_showbigpic_pop .show_showbigpic_cot{
    width:900px; 
    height:730px; 
    text-align:center;
    display:table-cell;
    vertical-align: middle;  
}

#show_showbigpic_pop .show_showbigpic_cot img{
    max-width:860px;
    max-height:700px;
    vertical-align:middle;
}
#show_showbigpic_pop .arrow_btn{
    display:block;
    position:absolute;
    top:50%;
    z-index:100;
    width:40px;
    height:94px;
    margin-top:-48px;
    border:2px solid #808080;
    background:#282828;
}
#show_showbigpic_pop .arrow_btn:hover{
    background:#333;
}
#show_showbigpic_pop .arrow_prev{
    border-right:0;
    left:-42px;
}
#show_showbigpic_pop .arrow_next{
    border-left:0;
    right:-42px;
}
 .arrow_btn i{
    display:block;
    width:23px;
    height:43px;
    margin:25px auto;    
 }
 .arrow_prev i{
     background-position:-47px -133px;
 }
  .arrow_next i{
     background-position:-80px -133px;
 }