#midias{
	width: 220px;
	height: auto;
	position: fixed;
	top:30%;
	left: -150px;
	}
#midias ul{
	list-style: none;

}
#midias ul li{
	display: block;
	background: #131313;
	padding: 10px;
	height: 50px;
	position: relative;
	transition: all 0.5s ease;
}

#midias ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
}
#midias ul li:nth-child(1){
	background: #2626e7;
}
#midias ul li:nth-child(2){
	background: #ff00ff;
}
#midias ul li:nth-child(3){
	background: #00b9ff;
}
#midias ul li span{
	position:absolute;
	top:0;
	bottom: 0;
	display: block;
	right: 18px;
	padding: 10px;
	
}
#midias ul li:hover{
	cursor:ponter;
	background: #131313;
	opacity: 0.8;
	border-left: 10px solid #fff;
	transform: translateX(150px);
}