.share-btn-wrp {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
    width: auto;
}

    .share-btn-wrp .button-wrap {
        text-indent: -100000px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        transition: width 0.1s ease-in-out;
        display: inline-block;
        margin-left: -2px;
        margin-right: -2px;
    }

    .share-btn-wrp > .facebook {
        background: url(img/share-icons.png) no-repeat -42px 0px;
    }

        .share-btn-wrp > .facebook:hover {
            background: url(img/share-icons.png) no-repeat -4px -0px;
            width: 38px;
        }

    .share-btn-wrp > .twitter {
        background: url(img/share-icons.png) no-repeat -42px -34px;
    }

        .share-btn-wrp > .twitter:hover {
            background: url(img/share-icons.png) no-repeat -4px -34px;
            width: 38px;
        }

    .share-btn-wrp > .digg {
        background: url(img/share-icons.png) no-repeat -42px -68px;
    }

        .share-btn-wrp > .digg:hover {
            background: url(img/share-icons.png) no-repeat -4px -68px;
            width: 38px;
        }

    .share-btn-wrp > .stumbleupon {
        background: url(img/share-icons.png) no-repeat -42px -102px;
    }

        .share-btn-wrp > .stumbleupon:hover {
            background: url(img/share-icons.png) no-repeat -4px -102px;
            width: 38px;
        }

    .share-btn-wrp > .delicious {
        background: url(img/share-icons.png) no-repeat -42px -136px;
    }

        .share-btn-wrp > .delicious:hover {
            background: url(img/share-icons.png) no-repeat -4px -136px;
            width: 38px;
        }

    .share-btn-wrp > .gplus {
        background: url(img/share-icons.png) no-repeat -42px -170px;
    }

        .share-btn-wrp > .gplus:hover {
            background: url(img/share-icons.png) no-repeat -4px -170px;
            width: 38px;
        }

    .share-btn-wrp > .yahoo {
        background: url(img/share-icons.png) no-repeat -42px -204px;
    }

        .share-btn-wrp > .yahoo:hover {
            background: url(img/share-icons.png) no-repeat -4px -204px;
            width: 38px;
        }

    .share-btn-wrp > .ss {
        background: url(img/share-icons.png) no-repeat -42px -238px;
    }

        .share-btn-wrp > .ss:hover {
            background: url(img/share-icons.png) no-repeat -4px -238px;
            width: 38px;
        }

    .share-btn-wrp > .apple {
        background: url(img/share-icons.png) no-repeat -42px -272px;
    }

        .share-btn-wrp > .apple:hover {
            background: url(img/share-icons.png) no-repeat -4px -272px;
            width: 38px;
        }

    .share-btn-wrp > .linkedin {
        background: url(img/share-icons.png) no-repeat -42px -306px;
    }

        .share-btn-wrp > .linkedin:hover {
            background: url(img/share-icons.png) no-repeat -4px -306px;
            width: 38px;
        }

    .share-btn-wrp > .pinterest {
        background: url(img/share-icons.png) no-repeat -42px -340px;
    }

        .share-btn-wrp > .pinterest:hover {
            background: url(img/share-icons.png) no-repeat -4px -340px;
            width: 38px;
        }

    .share-btn-wrp > .email {
        background: url(img/share-icons.png) no-repeat -42px -408px;
    }

        .share-btn-wrp > .email:hover {
            background: url(img/share-icons.png) no-repeat -4px -408px;
            width: 38px;
        }

.dvshare-container{
    display: inline-block;
    padding: 5px 8px;
    border: 2px solid #C3C3C3;
}