body {
    padding: 0;
    margin: 0;
    font-family: sans-serif;
}
    
.container {
    margin: auto;
    width: 100%; //960px;   
}
 .top-bar{
     width: 100%; // 100%  62% para deixar menor
     height: 28px;
     background: #141414; // ; Fundo 2
     color: #888;  //  #888;  E Letra
     line-height: 30px;    
 }
 .top-bar .player-controls {
     float: left;     
 }
 .top-bar .player-controls span{
     cursor: pointer;
     padding: 0 5px;
     -webkit-transition: all linear 0.2s;
 }
 .top-bar .player-controls span:hover {
     color: #EEE;
 }
 .top-bar .player-display {
     float: left;
     float: right;
     margin-left: 50px;
 }
 .top-bar .player-display .player-current-track {
     color: white;
 }
 .top-bar .player {
     float: center;
 }
 .top-bar .player-timeline {
     float: left;
     max-width: 20px;
     width: 20px;
     height: 4px;
     margin-top: 13px;
     background: #555;
     margin-left: 20px;
 }
 .top-bar .player-timeline-control {
     height: 4px;
     background: #999;
 }