.switchable-box {
position:relative;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
}
.slider{position:relative;z-index:1;}
.switchable-content {
height:100%;
}
.switchable-content li{
 background-position: center center;
 background-size: cover;
}
.switchable-content img {
height:100%;
 width:100%;
 z-index:1;
}
.switchable-content li{width:100%;height:100%;}
.switchable-content > a {
display:block;
 height:100%;
}
.switchable-panel {
position:absolute;
width:100%;
 height:100%;
}
.switchable-panel img {
width:100%;
height:100%;
}
.switchable-caption {
display:none;
position:absolute;
left:0;
bottom:0;
z-index:18;
 height:30px;
 line-height: 30px;
padding:5px 10px;
overflow:hidden;
width:100%;
opacity:0.5;
color:#FFFFFF;
 font-size:14px;
background-color:#000000;
}
.ui-arrow a {
display:none;
position:absolute;
top:45%;
z-index:9;
width:30px;
height:30px;
text-indent:-9999px;
background:url("../images/arrows.png") no-repeat 0 0;
cursor:pointer;
}
.ui-arrow .ui-prev {
left:15px;
}
.ui-arrow .ui-next {
right:15px;
background-position:-30px 0;
}
.switchable-nav {
 position:absolute;
 bottom:10px;
text-align:center;
 z-index:99999;
 width:100%;
}
.switchable-nav li {
display:inline-block;
*display:inline;
zoom:1;
width:22px;
height:22px;
margin:0 2px;
text-indent:-9999px;
*text-indent:0;
*font-size:0;
overflow:hidden;
background:url("../images/bullets.png") no-repeat 0 0;
cursor:pointer;
}
.switchable-nav li.active {
background-position:0 -22px;
}