.slideshow {
height: 300px; /* Can, and probably will be, overriden on the element */
width: 500px; /* Can, and probably will be, overriden on the element */
overflow: hidden;
position: relative;
background-color: #000;
}

.slideshow img {
margin: 0px;
padding: 0px;
float: left;
display: none;
}

.slideshow #video {
display: none;
}

.slideshow .btn-play-small {
z-index: 999;
position: absolute;
bottom: 15px;
right: 25px;
cursor: pointer;
height: 30px;
padding-left: 35px;
line-height: 32px;
font-family: sans-serif;
font-size: 14px;
color: #FFFFFF;
background: url("../img/sprite.png") transparent no-repeat 0 0px;
}

.slideshow .btn-play-big {
display: block;
position: absolute;
/* Let javascript calculate left */
/* Let javascript calculate top */
height: 74px;
padding-top: 65px;
width: 60px;
display: none;
z-index: 999;
background: url("../img/sprite.png") transparent no-repeat 0 -61px;
cursor: pointer;
color: #FFF;
font-family: sans-serif;
font-size: 14px;
margin: 0 auto;
}

.slideshow .btn-play-big span {
position: absolute; 
text-align: center;
width: 200px;
}

.slideshow .nav-item {
height: 30px;
width: 30px;
position: absolute;
background-color: white;
display: block;
z-index: 999;
cursor: pointer;
display: none;
background: url("../img/sprite.png") no-repeat 0 0 transparent;
}

.slideshow .prev {
left: 10px;
background-position: 0 -30px;
/* Let javascript calculate top */
}

.slideshow .next {
background-position: 0 0px;
right: 10px;
/* Let javascript calculate top */
}

#loading-player {
line-height: 32px;
font-family: sans-serif;
font-size: 14px;
line-height: 320px;
text-align: center;
}