#player01 {
  position: relative;
}
#player01 .on {
  display: none;
}
#player01 .off {
  display: block;
}
#player01 .btn_play {
  width: 120px;
  height: 30px;
  display: block;
  cursor: pointer;
}
#player01 .btn_play.active {
  display: none;
}
#player01 .btn_play:hover .on {
  display: block;
}
#player01 .btn_play:hover .off {
  display: none;
}
#player01 .btn_pause {
  width: 120px;
  height: 30px;
  display: none;
  cursor: pointer;
}
#player01 .btn_pause.active {
  display: block;
}
#player01 .btn_pause:hover .on {
  display: block;
}
#player01 .btn_pause:hover .off {
  display: none;
}
#player01 .btn_stop {
  width: 120px;
  height: 30px;
  cursor: pointer;
}
#player01 .btn_stop.active {
  display: block;
}
#player01 .btn_stop:hover .on {
  display: block;
}
#player01 .btn_stop:hover .off {
  display: none;
}
#player01 .btn_mute {
  width: 120px;
  height: 30px;
  cursor: pointer;
}
#player01 .btn_mute.active .on {
  display: block;
}
#player01 .btn_mute.active .off {
  display: none;
}
#player01 .seekbar_vol {
  width: 100%;
  height: 9px;
  padding: 2px 0;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#player01 .seekbar_vol .seekbar_vol_bg {
  width: 100%;
  height: 5px;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  margin: 2px 0;
}
#player01 .seekbar_vol span {
  display: block;
  width: 0%;
  height: 100%;
  background: #666;
  position: relative;
}
#player01 .seekbar_time {
  width: 100%;
  height: 9px;
  padding: 2px 0;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#player01 .seekbar_time .seekbar_time_bg {
  width: 100%;
  height: 5px;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  margin: 2px 0;
}
#player01 .seekbar_time span {
  display: block;
  width: 0%;
  height: 100%;
  background: #666;
  position: relative;
}
/*#player01_player {
  opacity: 0;
}*/