.player{width: 980px;margin: 0 auto;margin-top: 0px;background:#1f2432;padding-top: 20px;    padding-bottom: 10px;}
.player-progress-bg{position: relative;margin: 0px 10px 10px;background:#666;height: 8px;border-radius: 5px}
.player-progress{width:0%;background-image:linear-gradient(to right, #15d7c4, #b8fe58);height: 100%;border-radius: 5px;}
.player-bar{display: inline-block;width: 16px;height: 16px;position: absolute;margin-left: -8px;top: -4px;background-size: 16px;background: #fafafa;opacity: 1;border-radius: 50px;box-shadow: #fafafa 0 0 5px;}
.player-btn a,.player-btn span{display: inline-block;}
.player-btn{padding-bottom: 4px}

.player-up{margin-left: 20px;width: 32px;height: 32px;background: url(../images/palyer-pre.png) no-repeat;background-size: 100%;}
.player-down{margin-left: 10px;width: 32px;height: 32px;background: url(../images/palyer-next.png) no-repeat;background-size: 100%;}
.player-play{margin-left: 10px;width:40px;height: 40px;background: url(../images/player-play.png) no-repeat;background-size: 100%;position: relative;top: 3px}
.player-pause{width:40px;height: 40px;background: url(../images/player-pause.png) no-repeat;background-size: 100%;position: relative;top: 3px}
.player-btn .other{line-height: 45px;float: right;margin-right: 10px;color: #ccc}
.palyer-tips{margin-right:10px;float:left;}
.palyer-name{margin-right:10px;float:left;overflow:hidden;width:450px;white-space:nowrap;text-overflow:ellipsis;}
.control{margin-top:6px;margin-right:10px;float:right;background:#666;border-radius:5px}
.volume {width:160px;}
.volume .mute{background-image:url(../images/volume.png)}
.volume .mute.enable{background-image:url(../images/mute.png)}
.volume .slider{margin-top:10px;width:100px;float: left;}
.volume_n{background:#66cc00;border-radius:2px;height:10px;}
.control.icon{background-repeat:no-repeat;background-position:center;display:inline-block;opacity:0.6;cursor:pointer;width:28px;height:28px;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;margin:0 8px 0px;float: left;}
.control.icon:hover,.icon.enable{opacity:1}
.control.icon:active{opacity:0.3}
.control.icon_b:active{opacity:0.3}