body{
    margin:0;
    background:#222;
    text-align:center;
}

#player {
    position:relative;
    overflow:hidden;
    font-size:5em;/*size of player*/
    width:3em; height:3em; 
    background:#eee; 
    border:none;border-radius:50%; 
    margin:10px auto 10px auto;
    padding:0px;
    box-shadow: 8px 3px 5px #888;
}
.slider {
    position:absolute;
    height:0.5em; width:0.5em; 
    background:#abb; 
    left:17px; top:0px;
    border-radius:50%;
}
.pause{
    position:absolute; 
    top:0.7em; left:0.7em; 
    width:1.6em; height:1.6em;
    margin:0px;padding:0px;
    background:#eee; 
    border:0px solid #eee;
    border-radius:50%;
    box-shadow: 0px 0px 1em 0.03em #888,
        inset 0px 0px 1em 0.03em #888;
    color:#333f44;
    font-family:Arial, Helvetica, sans-serif;
}
.play-s{
    position:absolute;
    font-size:1.4em;
    top:-0.17em;
    left:0.2em;
}
.pause-s{
    position:absolute;
    font-size:0.9em;
    top:0.3em;
    left:0.35em;    
}