/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-9-26, 10:33:29
    Author     : cwx
*/
.zan_box{
    position: relative;
    border-top: 1px solid #444;height: 20px;padding: 10px 0;margin-top: 15px;
}
.zan_box .but{
    padding: 6px 15px 6px 35px;background: #067;color: white;cursor: pointer;float: left;background-image: url('/img/zan_gray.png');background-repeat: no-repeat;background-position: 10px;
}
.zan_box .but.active{
    background-image: url('/img/zan_light.png');
}
.zan_box .num{
    float: left;padding: 6px 30px;background: #151515;color: white;margin-left: 15px;border: 1px solid #067;
}

.zan_box .add{
    float: right;
    padding: 6px 0;
    background: #c40;
    color: white;
    cursor: pointer;
    min-width: 124px;
    text-align: center;
}
.zan_box .add.already{
    background: #666;
}
.zan_box .add:after{
    content:"+关注";
}
.zan_box .add.already:after{
    content:"√ 已关注";
}

.zan_box .num:before{
    border-top: 8px solid transparent;
    border-right: 8px solid #067;
    border-bottom: 8px solid transparent;
    content: "";
    font-size: 0;
    left: 71px;
    position: absolute;
    top: 20px;
}
.zan_box .num:after{
    border-top: 7px solid transparent;
    border-right: 7px solid #151515;
    border-bottom: 7px solid transparent;
    content: "";
    font-size: 0;
    left: 73px;
    position: absolute;
    top: 21px;
}