.record_blue, .record_green, .record_play {
  cursor: pointer;
  display: inline-block;
  width: 44px;
  height: 34px;
  background: url(//cdn-assets2.namez.com/assets/sprite_small-e87538b5bf4ea945c752c79030c3e038.png) no-repeat -132px 0;
  vertical-align: middle; }

.play-btn-anim {
  -webkit-animation: play1 0.8s steps(4) infinite;
  -moz-animation: play1 0.8s steps(4) infinite;
  -ms-animation: play1 0.8s steps(4) infinite;
  -o-animation: play1 0.8s steps(4) infinite;
  animation: play1 0.8s steps(4) infinite; }

@-webkit-keyframes play1 {
  from {
    background-position: 0px; }

  to {
    background-position: -176px; } }

@-moz-keyframes play1 {
  from {
    background-position: 0px; }

  to {
    background-position: -176px; } }

@-ms-keyframes play1 {
  from {
    background-position: 0px; }

  to {
    background-position: -176px; } }

@-o-keyframes play1 {
  from {
    background-position: 0px; }

  to {
    background-position: -176px; } }

@keyframes play1 {
  from {
    background-position: 0px; }

  to {
    background-position: -176px; } }

.record_green {
  background: url(//cdn-assets0.namez.com/assets/play_green-70ebf5cef227338614d89e93df848d16.png) no-repeat 0 0; }

.record_green:hover {
  background: url(//cdn-assets0.namez.com/assets/play_green-70ebf5cef227338614d89e93df848d16.png) no-repeat 0 -32px; }

/*
.record_blue_big{ display: inline-block; width:41px; height:34px; background: asset_url("play_blue_big.png") no-repeat 0 0;  vertical-align: middle;}
.record_blue_big:hover{ background: asset_url("play_blue_big.png") no-repeat 0 -34px;}*/
.record_blue_big {
  display: inline-block;
  width: 78px;
  height: 66px;
  background: url(//cdn-assets2.namez.com/assets/sprite_big-daf682e068858e9f17978b5838a05137.png) no-repeat -234px 0;
  vertical-align: middle; }

.play-btn-anim-big {
  -webkit-animation: play 0.8s steps(4) infinite;
  -moz-animation: play 0.8s steps(4) infinite;
  -ms-animation: play 0.8s steps(4) infinite;
  -o-animation: play 0.8s steps(4) infinite;
  animation: play 0.8s steps(4) infinite; }

@-webkit-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -312px; } }

@-moz-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -312px; } }

@-ms-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -312px; } }

@-o-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -312px; } }

@keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -312px; } }