#player_container  ul#player_controls {
list-style-type:none;
padding:0;
margin: 0;
}

#player_container  ul#player_controls li {
overflow:hidden;
text-indent:-9999px;
}

#player_controls {
    opacity:0;
    -moz-transition: opacity .10s, margin-top .10s;
    -webkit-transition: opacity .10s, margin-top .10s;
    -ms-transition: opacity .10s, margin-top .10s;
    transition: opacity 1s linear;
}
#player_controls.show{
    opacity:1;
     -moz-transition: opacity .10s, margin-top .10s; 
     -webkit-transition: opacity .10s, margin-top .10s; 
     -ms-transition: opacity .10s, margin-top .10s; 
     transition: opacity 1s  linear;
}

#player_play, #player_pause {
display: block;
position: absolute;
left:10px;
top:8px;
width:40px;
height:40px;
cursor: pointer;
}

#player_play {
background: url("images/new/pleer/pleer.png") 0 0 no-repeat;
}

#player_play.different_prefix_example_hover {
background: url("images/new/pleer/pleer.png") -41px 0 no-repeat;
}

#player_pause {
background: url("images/new/pleer/pleer.png") 0 -42px no-repeat;
}

#player_pause.different_prefix_example_hover {
background: url("images/new/pleer/pleer.png") -41px -42px no-repeat;
}

#player_stop {
position: absolute;
left:55px;
top:8px;
background: url("images/new/pleer/pleer.png") 0 -83px no-repeat;
width:40px;
height:40px;
cursor: pointer;
}

#player_stop.different_prefix_example_hover {
background: url("images/new/pleer/pleer.png") -41px -83px no-repeat;
}

#player_progress {
position: absolute;
left:100px;
top:10px;
background-color:#ddca9c;
width:100px;
height:10px;
}

#player_progress_load_bar {
background: #ddca9c;
width:0px;
height:10px;
cursor: pointer;
}

#player_progress_load_bar.different_prefix_example_buffer {
background: url("images/new/pleer/bar_buffer.gif")  top left repeat-x;
}

#player_progress_play_bar {
background: #277524;
width:0px;
height:10px;
}

#player_volume_min {
position: absolute;
left:100px;
top:23px;
background: url("images/new/pleer/pleer.png") 0 -123px no-repeat;
width:25px;
height:25px;
cursor: pointer;
}

#player_volume_max {
position: absolute;
left:178px;
top:23px;
background: url("images/new/pleer/pleer.png") 0 -147px no-repeat;
width:25px;
height:25px;
cursor: pointer;
}

#player_volume_min.different_prefix_example_hover {
background: url("images/new/pleer/pleer.png") -25px -123px no-repeat;
}

#player_volume_max.different_prefix_example_hover {
background: url("images/new/pleer/pleer.png") -25px -147px no-repeat;
}

#player_volume_bar {
position: absolute;
left:128px;
top:30px;
background: #ddca9c;
width:46px;
height:5px;
cursor: pointer;
}

#player_volume_bar_value {
background: #277524;
width:0px;
height:5px;

}

#time_muz {
    float:left;
    width:100px;
    margin-top:-15px;
   color:#24643d;
}

#play_time, #total_time {
padding-top:2px;
font-weight:normal;
font-style:oblique;
font-size:.6em;
}

#play_time {
float:left;
}

#total_time {
float:right;
text-align: right;
}

.miaow {
font-size:.8em;
color:#999;
}

.miaow a:link, a:visited, a:hover, a:focus, a:active {
}