#sinaEmotion {
    z-index: 999;
    box-sizing: border-box;
    /*width: 373px;*/
    width: 100%;
    padding: 10px;
    display: none;
    font-size: 12px;
    background: #fff;
    overflow: hidden;
    position: absolute;
    border: 1px solid #E8E8E8;
}

    #sinaEmotion .right {
        float: right;
    }

    #sinaEmotion .prev,
    #sinaEmotion .next {
        float: left;
        color: #555;
        width: 22px;
        height: 22px;
        font-size: 20px;
        margin-left: 5px;
        line-height: 22px;
        text-align: center;
        background: #f8f8f8;
        text-decoration: none;
    }

    #sinaEmotion .categories, #sinaEmotion .faces, #sinaEmotion .pages {
        margin: 0;
        padding: 0;
        overflow: hidden;
        _zoom: 1;
    }

    #sinaEmotion .category {
        float: left;
        color: #0a8cd2;
        cursor: pointer;
        padding: 0 8px;
        line-height: 22px;
        border-radius: 4px;
        white-space: nowrap;
    }

        #sinaEmotion .category:hover {
            text-decoration: underline;
        }

    #sinaEmotion .categories .current, #sinaEmotion .categories .current:hover {
        color: #333;
        cursor: default;
        background: #e6e6e6;
        text-decoration: none;
    }

    #sinaEmotion .faces {
        text-align: center;
        /*width: 372px;*/
        width: 100%;
        padding: 11px 0 0 1px;
    }

        #sinaEmotion .faces .item {
            display: inline-block;
            float: left;
        }

    #sinaEmotion .face {
        z-index: 1;
        float: left;
        box-sizing: border-box;
        width: 28px;
        height: 30px;
        cursor: pointer;
        overflow: hidden;
        padding: 4px 2px;
        position: relative;
        text-align: center;
        margin: -1px 0 0 -1px;
        border: 1px solid #e8e8e8;
        _display: inline;
    }

        #sinaEmotion .face:hover {
            z-index: 2;
            border: 1px solid #0095cd;
        }

    #sinaEmotion .pages {
        float: right;
        margin-top: 8px;
    }

        #sinaEmotion .pages .item {
            float: left;
        }

    #sinaEmotion .page {
        float: left;
        height: 22px;
        padding: 0 8px;
        color: #0a8cd2;
        margin-left: 5px;
        line-height: 22px;
        border-radius: 1px;
        background: #f2f2f2;
        text-decoration: none;
    }

    #sinaEmotion .pages .current {
        color: #333;
        cursor: default;
        background: #fff;
    }

.sina-emotion {
    border: 0;
    vertical-align: text-bottom;
}