.cp-container {
position:relative;
width:20.8px; /* 200 - (2 * 48) */
height:20.8px;
background:url("bgr.png") 0 0 no-repeat;
padding:1.6px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.cp-container :focus {
border:none;
outline:0;
}
.cp-buffer-1,
.cp-buffer-2,
.cp-progress-1,
.cp-progress-2 {
position:absolute;
top:0;
left:0;
width:20.8px;
height:20.8px;
clip:rect(0px,10.4px,20.8px,0px);
-moz-border-radius:10.4px;
-webkit-border-radius:10.4px;
border-radius:10.4px;
}
.cp-buffer-1,
.cp-buffer-2 {
background:url("buffer.png") 0 0 no-repeat;
}
.cp-container .cp-fallback {
background:url("progress_sprite.png") no-repeat;
background-position:0 20.8px; 
}
.cp-progress-1,
.cp-progress-2 {
background:url("progress.png") 0 0 no-repeat;
}
.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
position:absolute;
width:20.8px;
height:20.8px;
} 
.cp-circle-control {
cursor:pointer;
}
.cp-buffer-holder,
.cp-progress-holder {
clip:rect(0px,20.8px,20.8px,10.4px);
display:none;
}
.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress-1.cp-fallback{
clip:rect(auto, auto, auto, auto);
}
.cp-controls {
margin:0;
padding:5.2px;
}
.cp-controls li{
list-style-type:none;
display:block;

position:absolute;
}
.cp-controls li a{
position:relative;
display:block;
width:10px;
height:10px;
text-indent:-9999px;
z-index:1;
cursor:pointer;
}
.cp-controls .cp-play {
background:url("controls.png") 0 0 no-repeat;
}
.cp-controls .cp-play:hover {
background:url("controls.png") -10px 0 no-repeat;
}
.cp-controls .cp-pause {
background:url("controls.png") 0 -10px no-repeat;
}
.cp-controls .cp-pause:hover {
background:url("controls.png") -10px -10px no-repeat;
}
.cp-jplayer {
width:0;
height:0;
}