#social {
    position: fixed;
    left: 0;
    top: 25%;
    width: 110px;
    height: 400px;
    z-index: 999
}

#social .social_item:hover {
    background-repeat: no-repeat;
    background-position: 0 top;
    transition-duration: .6s;
    opacity: 1
}

#social .social_item a {
    width: 110px;
    height: 77px;
    background-image: url(../img/social/fb_full.png);
    background-repeat: no-repeat;
    background-position: -50px top;
    transition-duration: .6s;
    opacity: .5;
    display: block;
    text-decoration: none
}

#social .social_item a:hover {
    width: 110px;
    height: 77px;
    background-repeat: no-repeat;
    background-position: 0 top;
    transition-duration: .6s;
    opacity: 1
}

#social .gp a {
    background-image: url(../img/social/gp_full.png)
}

#social .vk a {
    background-image: url(../img/social/vk_full.png)
}

#social .pi a {
    background-image: url(../img/social/pi_full.png)
}

#social .tw a {
    background-image: url(../img/social/tw_full.png)
}