.slide-show{
position:relative;
max-width:800px !important;
text-align:left;
}

#images-list{
max-width:800px !important;
margin:0;
padding:0;
top:0;
}

.images-list-layout{
position:absolute;
}

.slide-show ol li{
list-style:none;
width:100%;
height:100% !important;
top:0;
text-align:center;
background-color:#FFFFFF;
}

.slide-show ol.images-list-layout li{
position:absolute;
}

.slide-show ol li img{
vertical-align:bottom;
border-style:none;
width:auto !important;
max-height:100% !important;
height:auto\9; /*for IE8*/
height:expression(this.height > 400 ? 400: true); /*for ie6*/
}

.slide-show .mask{
z-index:4;
width:100%;
border-style:none;
position:absolute;
bottom:0;
left:0;
}

.slide-show .player{
z-index:1;
width:100%;
position:absolute;
bottom:0;
left:0;
}

.slide-show .player ul{
list-style:none;
display:block;
width:300px;
margin:0 auto;
padding:0;
border-style:none;
}
* html .slide-show .player{
text-align: center; zoom: 1;
}
* html .slide-show .player ul{
margin: 0px;
}
.slide-show .player ul:after{
content: " "; display: block; height: 0; clear: both;
}
.slide-show .player li{
list-style:none;
display:block;
float:left;
display:inline;/* for IE 6 */
width:100px;
height:50px;
margin:0;
padding:0;
color: #000000;
border-style: none;
}
.slide-show .player li span{
display:none;
}
.slide-show .player li.pause_to_play{
background:url(../img/player.png) -100px 0 no-repeat;
cursor:pointer;
}
.slide-show .player li.pause_to_play:hover{
background:url(../img/player.png) -100px -50px no-repeat;
}
.slide-show .player li.play_to_pause{
background:url(../img/player.png) -100px -100px no-repeat;
cursor:pointer;
}
.slide-show .player li.play_to_pause:hover{
background:url(../img/player.png) -100px -150px no-repeat;
}
.slide-show .player li.prev{
background:url(../img/player.png) 0 0 no-repeat;
cursor:pointer;
}
.slide-show .player li.prev:hover{
background:url(../img/player.png) 0 -50px no-repeat;
}
.slide-show .player li.next{
background:url(../img/player.png) -200px 0 no-repeat;
cursor:pointer;
}
.slide-show .player li.next:hover{
background: url(../img/player.png) -200px -50px no-repeat;
}

@media screen and (min-width:481px) and (max-width:799px) {
#images-list{
width:441px;
}
}
@media screen and (min-width:320px) and (max-width:480px) {
#images-list{
width:300px;
}
}