

#redessociales {
  width: 74px;
  height: 74px;
  border-radius: 75px;
  border: 5px solid #f2f2f2;
  position:fixed;
  z-index:9999;
  top:20%;
  left:0px;
  background:#54b045;
  color:#fff;
  text-align:center;
  padding-top:12px;
}

.smedia {
  position: absolute;
-webkit-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
-moz-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;
-o-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
  display: inline;
  opacity: 0;
  width: 46px;
  height: 46px;
  z-index: 100;
  margin:10px 0px 0px 20px;
  text-indent: -9999px;
  background: no-repeat;
  left:3px;
}

#redessociales:hover .smedia {
  opacity: 1;
  transform: translate(0px,0);
  -webkit-transform: translate(0px,0);
  -o-transform: translate(0px,0); 
  -moz-transform: translate(0px,0);
  
  
  
}
#redessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:49px;
  
}
#redessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:90px;
}
#redessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:130px;
}
#redessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:170px;
}
#redessociales:hover .smedia:nth-child(5) {
  position: absolute;
  left:210px;
}

#redessociales:hover .smedia:nth-child(6) {
  position: absolute;
  left:250px;
}
#redessociales:hover .smedia:nth-child(7) {
  position: absolute;
  left:290px;
}
#redessociales:hover .smedia:nth-child(8) {
  position: absolute;
  left:330px;
}
#redessociales:hover .smedia:nth-child(9) {
  position: absolute;
  left:370px;
}
#redessociales:hover .smedia:nth-child(10) {
  position: absolute;
  left:410px;
}

/* .smedia.facebook {
    background: url(https://4.bp.blogspot.com/-49s_0_9mdVo/UWHsMIvJBNI/AAAAAAAABn8/6bVMlN4Qz7Y/s1600/bubble_facebook_share_button.png);
	z-index:9999;
	 
}
.smedia.twitter {
    background: url(https://2.bp.blogspot.com/-3r8sHe1Qy5M/UWHsNMDDzHI/AAAAAAAABog/q3V7mYirmOY/s1600/bubble_twitter_share_button.png);
	
}
.smedia.email {
    background: url(https://3.bp.blogspot.com/-ZhFqBhp79cA/UWHsMBmPxsI/AAAAAAAABn4/O8k_pGf1oCU/s1600/bubble_email_share_button.png);
}
.smedia.instagram {
    background: url(https://1.bp.blogspot.com/-FSkby0cXU_8/UWHsMis8c2I/AAAAAAAABoQ/y8coyc5ystc/s1600/bubble_instagram_share_button.png);
}
.smedia.youtube {
    background: url(https://4.bp.blogspot.com/-x2oyT1dBzwA/UWHsNtcWXVI/AAAAAAAABo8/8kCXTVMbM6Y/s1600/bubble_youtube_share_button.png);
}
.smedia.vimeo {
    background: url(https://2.bp.blogspot.com/-01SWPeX-584/UWHsNim9CAI/AAAAAAAABo4/Z9jMox_9UrE/s1600/bubble_vimeo_share_button.png);
} */
.smedia:hover {
    background-position: 0 -46px;
	
}
