.scPlayer {
  position: fixed;
  z-index:1234567890;
  bottom: -55px;
  width: 100%;
  height: 55px;
  background-color: #efefef;
  margin: 0px;
  padding: 0px;
  border-top: solid 1px #d5d5d5; }
  .scPlayer .soundEnabler {
    position: fixed;
    top: 50%;
    left: 50%; }
  .scPlayer .opener {
    position: absolute;
    left: 40px;
    top: -41px;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat; }
  .scPlayer .info {
    color: #333333;
    font-family: Arial;
    position: absolute;
    z-index: 1000;
    top: 3px;
    left: 128px; }
    @media screen and (max-width: 650px) {
      .scPlayer .info {
        top: 3px; } }
    .scPlayer .info .user {
      font-size: 11px;
      margin-bottom: -10px;
      font-weight: normal;
      white-space: nowrap; }
    .scPlayer .info .track {
      font-size: 12px;
      font-weight: bold;
      display: block;
      float: left;
      margin-right: 10px;
      margin-top: 0px;
      white-space: nowrap;
        
       }
      @media screen and (max-width: 650px) {
      .scPlayer .track {
        margin-bottom: -8px; } }
    .scPlayer .info .time {
      font-size: 12px;
      font-weight: normal;
      float: left;
      display: block; }
      @media screen and (max-width: 650px) {
        .scPlayer .info .time {
          float: inherit; } }
  .scPlayer .waveform {
    position: relative;
    height: 100%;
    overflow: hidden;
    left: 20px; }
    @media screen and (max-width: 650px) {
      .scPlayer .waveform {
        display: none; } }
    .scPlayer .waveform img.overlay {
      top: 30px;
      left: 0px;
      position: absolute;
      width: 100%;
      height: 60px;
      z-index: 3; }
    .scPlayer .waveform .buffer {
      top: 30px;
      right: 0px;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-color: #FFFFFF; }
    .scPlayer .waveform .progress {
      top: 30px;
      left: 0px;
      position: absolute;
      width: 0%;
      height: 100%;
      z-index: 2;
      background-color: #000000; }
    .scPlayer .waveform .bg {
      top: 30px;
      left: 0px;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-image: url(./../images/waveform.png); }
  .scPlayer .loading {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    cursor: default; }
  .scPlayer .sclogo {
    position: absolute;
    cursor: pointer;
    top: 11px;
    right: 14px;
    width: 106px;
    height: 34px; }
    @media screen and (max-width: 650px) {
      .scPlayer .sclogo {
        display: none; } }
  .scPlayer .buttonHolder {
    position: relative;
    z-index: 999999999; }
    .scPlayer .buttonHolder .playPauseButton {
      margin-top: 12px;
      margin-left: 5px;
      margin-right: 5px;
      float: left;
      display: block;
      width: 34px;
      height: 34px; }
    .scPlayer .buttonHolder a.prevButton {
      margin-top: 20px;
      margin-left: 15px;
      margin-right: 2px;
      float: left;
      display: block;
      width: 22px;
      height: 16px; }
    .scPlayer .buttonHolder a.nextButton {
      margin-top: 20px;
      margin-left: 2px;
      margin-right: 5px;
      float: left;
      display: block;
      width: 22px;
      height: 16px; }

.sprite-next {
	background-image: url(../images/sprite.png);
	width: 22px;
	height: 16px;
	background-position: -0px -0px;
}
.sprite-sclogo {
	background-image: url(../images/sprite.png);
	width: 106px;
	height: 34px;
	background-position: -0px -98px;
}
.sprite-playbutton {
	background-image: url(../images/sprite.png);
	width: 34px;
	height: 34px;
	background-position: -0px -132px;
}
.sprite-prev:hover {
	background-image: url(../images/sprite.png);
	width: 22px;
	height: 16px;
	background-position: -0px -32px;
}
.sprite-lasche {
	background-image: url(../images/sprite.png);
	width: 42px;
	height: 42px;
	background-position: -0px -276px;
}
.sprite-lascheClose {
	background-image: url(../images/sprite.png);
	width: 42px;
	height: 42px;
	background-position: -0px -234px;
}
.sprite-pausebutton {
	background-image: url(../images/sprite.png);
	width: 34px;
	height: 34px;
	background-position: -0px -200px;
}
.sprite-prev {
	background-image: url(../images/sprite.png);
	width: 22px;
	height: 16px;
	background-position: -0px -48px;
}
.sprite-pausebutton:hover {
	background-image: url(../images/sprite.png);
	width: 34px;
	height: 34px;
	background-position: -0px -64px;
}
.sprite-next:hover {
	background-image: url(../images/sprite.png);
	width: 22px;
	height: 16px;
	background-position: -0px -16px;
}
.sprite-playbutton:hover {
	background-image: url(../images/sprite.png);
	width: 34px;
	height: 34px;
	background-position: -0px -166px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -ms-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.sprite-sclogo {
		background-image: url(../images/sprite@2x.png);
		width: 106px;
		height: 34px;
		background-position: -0px -190px;
		background-size: 106px 308px;
	}
	.sprite-playbutton {
		background-image: url(../images/sprite@2x.png);
		width: 32.5px;
		height: 32.5px;
		background-position: -0px -125px;
		background-size: 106px 308px;
	}
	.sprite-lascheClose {
		background-image: url(../images/sprite@2x.png);
		width: 42px;
		height: 42px;
		background-position: -0px -224px;
		background-size: 106px 308px;
	}
	.sprite-next:hover {
		background-image: url(../images/sprite@2x.png);
		width: 20.5px;
		height: 15px;
		background-position: -0px -15px;
		background-size: 106px 308px;
	}
	.sprite-lasche {
		background-image: url(../images/sprite@2x.png);
		width: 42px;
		height: 42px;
		background-position: -0px -266px;
		background-size: 106px 308px;
	}
	.sprite-next {
		background-image: url(../images/sprite@2x.png);
		width: 20.5px;
		height: 15px;
		background-position: -0px -0px;
		background-size: 106px 308px;
	}
	.sprite-prev:hover {
		background-image: url(../images/sprite@2x.png);
		width: 20.5px;
		height: 15px;
		background-position: -0px -30px;
		background-size: 106px 308px;
	}
	.sprite-pausebutton {
		background-image: url(../images/sprite@2x.png);
		width: 32.5px;
		height: 32.5px;
		background-position: -0px -92.5px;
		background-size: 106px 308px;
	}
	.sprite-playbutton:hover {
		background-image: url(../images/sprite@2x.png);
		width: 32.5px;
		height: 32.5px;
		background-position: -0px -157.5px;
		background-size: 106px 308px;
	}
	.sprite-prev {
		background-image: url(../images/sprite@2x.png);
		width: 20.5px;
		height: 15px;
		background-position: -0px -45px;
		background-size: 106px 308px;
	}
	.sprite-pausebutton:hover {
		background-image: url(../images/sprite@2x.png);
		width: 32.5px;
		height: 32.5px;
		background-position: -0px -60px;
		background-size: 106px 308px;
	}
}