.sample {
padding: 0;
margin: 0 0 0 25px;
float: left;
clear: left;
}

#box5 {
position: absolute;
float: left;
}
#box5 span{
display: block;
float:left;
}

.mask2 {
position: relative;
width: 580px;
height: 350px;
overflow: hidden;
float: left;
}

span img {
display:block;
border:none;
}
/*span a {
display:block;
border:none;
}
span a img {
border: none;
}*/

#info5 {
float: left;
clear: left;
position:absolute;
bottom: 3px;
left: 3px;
background: #000;
padding: 1px 4px;
}
#info5 * {
color: #FFFFFF;
font-size: 10px;
text-transform: uppercase;
}
#info5 p {
float: left;
clear: left;
margin: 0;
}

p#handles4 {
float: left;
clear: left;
margin: 5px 0 0;
width: 580px;
}
p#botones {
float: left;
margin: 10px 0 0 9px;
}
p.buttons span {
float: left;
cursor: pointer;
padding: 2px;
background: #FFFFFF;
}
p.buttons span span.corte {
display: block;
float: left;
width: 46px;
height: 26px;
padding: 0;
overflow: hidden;
border: none;
}
p.buttons span.active {
background: #231f20;
}
p#handles4 span img {
width: 48px;
}
p#botones span {
height: 10px;
width: 10px;
display: block;
}
p#botones span#play5 {
background: url(img/play.png) no-repeat;
}
p#botones span#play5:hover {
background: url(img/play-over.png) no-repeat;
}
p#botones span#stop5 {
background: url(img/pause.png) no-repeat;
margin-left: 3px;
}
p#botones span#stop5:hover {
background: url(img/pause-over.png) no-repeat;
}