.social_icons{
	position: fixed;
	top: 50%;
	width: 200px;
	right: -154px;
	z-index: 999;
}
.hide_icon.social_icon, 
.social_icon.hidden_icon{
	
	right: -46px;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.hide_icon.social_icon.show_always,
.social_icons:hover .hide_icon, 
.social_icon {
	margin-bottom: 0px;
	right: 0px; 
	position: relative;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;

}
.social_icon:hover {
	transition: width 300ms; 
	width: auto; 
	margin-left: -154px;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.social_icon a {
    display: inline-block;
	width: 200px;
}
.hide_icon i, 
.social_icon i {
	font-size: 20px;
	line-height: 46px;
    min-width: 46px;
	text-align: center; 
}
.social_icon span{
	display: inline-block; 
	line-height: 46px;
}


.social_icons.position_left {
	left: -154px;
	right: auto;
}
.position_left .social_icon:hover {
	margin-right: -154px;
}
.position_left .hide_icon.social_icon, 
.position_left .social_icon.hidden_icon{
	left: -46px; 
}
.position_left .hide_icon.social_icon.show_always,
.position_left.social_icons:hover .hide_icon.social_icon, 
.position_left .social_icon{
	left: 0px; 
	right: auto; 
}

.position_left .social_icon:hover{
	margin-right: -154px;
	margin-left: auto; 
	width: 200px; 
}
.position_left .hide_icon i,
.position_left .social_icon i {
	float: right;
}
.position_left .social_icon span{
    margin-left: 20px;
}