corner player {css}

#player {
z-index:999;
background-color:transparent;
width:50px;
height:23px;
position:fixed;
overflow:hidden;
bottom:3px;
right:0px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}

#icon {
margin-top:3px;
margin-bottom:20px;
margin-left:10px;
font-size:9px;
color:{color:text};
font-family:san-serif;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}

#player:hover {
width:50px;
background:#fff;
-moz-border-radius:0px;
border-radius:0px;
}

#player:hover #icon {
margin-top:-25px;
margin-bottom:4px;
opacity:0;
}