#tmw-top-player {
  width:985px;
  height: 45px;
  margin:0 auto;
}
 
.sm2-progress-bd {
  width:410px;
  margin-right:10px;
}
.sm2-bar-ui .sm2-playlist {
  width: 260px;
  margin-left: 20px;
}
.sm2-bar-ui .sm2-playlist ul li {
  text-align: left;
  height:40px;
  line-height: 40px;
}
.sm2-inline-time, .sm2-inline-duration {
  font-size: 16px;
}

.menu {
    background-image: none !important;
	background: #cb1e00;
}

#tmw-top-player .next {
  background-image: url(../image/icon/last.png);
  margin:auto;
}
#tmw-top-player .previous {
  background-image: url(../image/icon/first.png);
}
.previous, .next {
  background-size: inherit;
}
.sm2-inline-time {
	color:#cb1e00;
}
.play-pause, .play-pause:hover, .paused .play-pause:hover {
	background-size: inherit;
	background-image: url(../image/icon/play.png);
	background-position: 50%  50%;
}
.playing .play-pause {
	background-size: inherit;
	background-image: url(../image/icon/pause.png);
	background-position: 50%  50%;
}
.sm2-bar-ui .bd, .sm2-bar-ui .sm2-extra-controls {
	background: #292929;
}

.sm2-volume .sm2-button-bd {
	margin-left:20px;
}

@media (max-width:991px) {
    #tmw-top-player {
        height:55px;
        overflow:hidden;
    }
    .sm2-bar-ui .sm2-inline-element.sm2-volume, .sm2-inline-time, .sm2-inline-duration, .sm2-inline-slash {
        display: none;
    }
    .sm2-row {
        display:block;
    }
    .sm2-bar-ui .sm2-inline-status {
        display: block;
        margin: 0;
        padding: 0;
        height: 13px;
        min-height: 13px;
        position: absolute;
        top: 42px;
        left: 0px;
        overflow: visible;
    }
    .sm2-progress-bd {
        padding:0;
        margin:0;
    }
    .sm2-bar-ui .sm2-playlist, .sm2-bar-ui .bd, .sm2-progress-bd {
        width:100%;
        max-width:100%;
    }
    .sm2-bar-ui.full-width {
        overflow:visible;
    }
}