music player

#uta {
    height:8px;
    width:185px;
    text-align:right;
    float:right;
    padding:5px;
    overflow:hidden;
    border-bottom: 1px solid {color:borders};
    opacity:0.5;
    position:fixed;bottom:10px; right:367px;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    z-index:-1;
    }

.utanonamae {
    font-size:10px;
    text-align:right;
    float:right;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
}

.song {
    height:40px;
    float:left;
    width:110px;
    overflow:hidden;
}

#uta:hover .utanonamae {
    opacity:0;
}

#uta:hover {
    height:15px;
    width:140px;
    right:255px;
    opacity:1;
}




<div id="uta">
<div class="utanonamae">{text:music name}</div><div class="song">{text:music code}</div></div>