/**
 * created by guangtian on 16/5/12.
 * source: components/floatbarright/floatbarright.css
 */
.ccc-float-bar-right {
    width: 62px;
    border: 1px solid #d9d9d9;
    position: fixed;
    bottom: 40px;
    left: 50%;
    /*margin-left: 603px;*/
    /*display: none;*/
}

.ccc-float-bar-right .ccc-fbr-box {
    margin: 0;
    width: 62px;
    height: 62px;

    display: block;
    background: #f7f7f7;
    border-bottom: 1px solid #ff8500;
    position: relative;
}

.ccc-float-bar-right .ccc-fbr-box:hover {
    background-color: #ff8500;
    background-repeat: no-repeat;
    background-position: -62px 0;
}

.ccc-float-bar-right .ccc-fbr-to-top {
    border-bottom: none;
}

.ccc-float-bar-right .ccc-fbr-home {
    background: url(/uploads/image/nsimages/2aca2ac7dc216e4a2f210a0238faf339.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-home:hover {
    background-image: url(/uploads/image/nsimages/2aca2ac7dc216e4a2f210a0238faf339.png);
}

.ccc-float-bar-right .ccc-fbr-comment {
    background: url(/uploads/image/nsimages/1c0f5db4fe97b035ecdb43a91e492961.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-comment:hover {
    background-image: url(/uploads/image/nsimages/1c0f5db4fe97b035ecdb43a91e492961.png);
}



.ccc-float-bar-right .ccc-fbf-preventcomment{
    background-color: #d9d9d9;
}
.ccc-float-bar-right .ccc-fbf-preventcomment:hover{
    background-color: #d9d9d9;
    background-position: 0 0;
    cursor: default;
}



.ccc-float-bar-right .ccc-fbr-share {
    background: url(/uploads/image/nsimages/40b6e9494c042dc1cb8682aac0e174d0.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-share:hover {
    background-image: url(/uploads/image/nsimages/40b6e9494c042dc1cb8682aac0e174d0.png);
}

.ccc-float-bar-right .ccc-fbr-rel-read {
    background: url(/uploads/image/nsimages/9bda1595692833a35266d0166794579a.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-rel-read:hover {
    background-image: url(/uploads/image/nsimages/9bda1595692833a35266d0166794579a.png);
}

.ccc-float-bar-right .ccc-fbr-rec-read {
    background: url(/uploads/image/nsimages/9bda1595692833a35266d0166794579a.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-rec-read:hover {
    background-image: url(/uploads/image/nsimages/9bda1595692833a35266d0166794579a.png);
}

.ccc-float-bar-right .ccc-fbr-share-weibo {
    background: url(/uploads/image/nsimages/b2dc9d062dfa9b83e7d014f78058f61c.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-share-weibo:hover {
    background-image: url(/uploads/image/nsimages/b2dc9d062dfa9b83e7d014f78058f61c.png);
}

.ccc-float-bar-right .ccc-fbr-share-weixin {
    background: url(/uploads/image/nsimages/76eca8efdc993ebd26e02a8f03c27baf.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-share-weixin:hover {
    background-image: url(/uploads/image/nsimages/76eca8efdc993ebd26e02a8f03c27baf.png);
}

.ccc-float-bar-right .ccc-fbr-to-top {
    background: url(/uploads/image/nsimages/41b1c76ccf09dc08379eb9dbaa818d5f.png) no-repeat 0 0;
}

.ccc-float-bar-right .ccc-fbr-to-top:hover {
    background-image: url(/uploads/image/nsimages/41b1c76ccf09dc08379eb9dbaa818d5f.png);
}

.ccc-float-bar-right .ccc-fbr-title {
    position: absolute;
    bottom: 7px;
    display: inline-block;
    width: 62px;
    text-align: center;
    font-size: 12px;
    color: #7b7b7b;
}

.ccc-float-bar-right .ccc-fbr-box:hover .ccc-fbr-title {
    color: #fff;
}

.ccc-float-bar-right .ccc-fbf-preventcomment:hover .ccc-fbr-title{
    color: #7b7b7b;
}

.ccc-float-bar-right .ccc-fbr-box .ccc-fbr-dian {
    position: absolute;
    width: 14px;
    height: 14px;
    background:  no-repeat 0 0;
    right: 8px;
    top: 5px;
}

.ccc-float-bar-right .ccc-fbr-box:hover .ccc-fbr-dian {
    background:  no-repeat 0 0;
}/**
 * created by guangtian on 16/5/12.
 * source: components/floatbarright/weixinbox.css
 */
.ccc-weixin-box {
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -123px;
    position: fixed;
    height: 246px;
    width: 220px;
    z-index: 100000001;
    font-size: 12px;
    border: 6px solid #7f7f7f;
    border-radius: 5px;
    display: none;
}

.ccc-weixin-box .ccc-wxb-top {
    width: 100%;
    color: #666;
    background: #f2f2f2;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #e8e8e8;
}

.ccc-weixin-box .ccc-wxb-close {
    top: 0;
    right: 15px;
    cursor: pointer;
    position: absolute;
    z-index: 10000000;
    color: #666;
    font-weight: bold;
    font-family: helvetica, arial;
    font-size: 14px;
    line-height: 24px;
}

.ccc-weixin-box .ccc-wxb-top span {
    margin-left: 15px;
}

.ccc-weixin-box .ccc-wxb-qrcode-box {
    background-color: #fff;
    height: 220px;
    width: 220px;
}

.ccc-weixin-box .ccc-wxb-qrcode-box img {
    width: 178px;
    height: 178px;
    margin: 21px;
}.ccc-comment-box {
    width: 937px;
    position: fixed;
    display: none;
    top: 0;
    right: -937px;
    z-index: 90001;
}

.ccc-comment-mode .ccc-comment-box {
    right: 0;
    -webkit-animation: showcomment .5s forwards;
    animation: showcomment .5s forwards;
    display: block;
}

.ccc-comment-box .ccc-comment-close {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 37px;
    overflow: hidden;
    background:  no-repeat 6px center #fff;
    border: 1px solid #d8d8d8;
    border-right: 0;
    text-indent: -9999px;
    border-radius: 3px 0 0 3px;
    z-index: 100;
}

.ccc-comment-box .ccc-comment-wrap {
    margin-left: 21px;
    border-top: 0;
}

@-webkit-keyframes showcomment {
    0% {
        right: -100%
    }
    60% {
        right: -2%
    }
    80% {
        right: -1%
    }
    100% {
        right: 0
    }
}

@keyframes showcomment {
    0% {
        right: -100%
    }
    60% {
        right: -2%
    }
    80% {
        right: -1%
    }
    100% {
        right: 0
    }
}