.wt-gallery{
display:block;
width:720px;
height:557px;
padding:0px;
text-align:center;
}
.wt-gallery a{
outline:none;
}
.main-screen{
position:relative;
clear:both;
background-color:#fff;
width:720px;
height:405px;
overflow:hidden;
margin:0 auto;
}
.main-img{
display:none;
position:absolute;
top:0;
left:0;
border:0;
z-index:0;
height: 471px;
width: auto;
}

.preloader{
background:url(assets/loader.gif) no-repeat;
position:absolute;
top:0;
left:0;
display:none;
width:32px;
height:32px;
z-index:3;
}
.desc,.info,
.thumbnails li div p{
color:#000;
background-color:#fff;
font-size:12px;
text-align:left;
position:absolute;
left:0;
z-index:4;
width:100%;
overflow:hidden;
visibility:hidden;
}
.trans-bg{
background:transparent url(assets/panel_bg.png) repeat !important;
}
.info{
height:20px;
}
.inner-text{
padding:8px;
color: #000;
}
#timer{
position:absolute;
top:0;
left:0;
width:0;
height:100%;
visibility:hidden;
background-color:#666;
z-index:1;
}
.inner-info{
position:absolute;
top:0;
left:0;
width:100%;
height:20px;
line-height:20px;
text-align:center;
z-index:2;
}
#prev-btn,#next-btn{
display:block;
width:28px;
height:28px;
position:absolute;
top:50%;
left:0;
margin-top:-14px;
z-index:5;
cursor:pointer;
visibility:hidden;
}
.cpanel{
position:relative;
clear:both;
width:699px;
height:auto;
margin:0 auto;
}
.thumbnails{
position:relative;
width:655px;
height:auto;
float:left;
overflow:hidden;
z-index:1;
}
.thumbnails ul{
list-style:none;
position:relative;
width:9999999px;
height:auto;
margin:0;
padding:0;
z-index:0;
}
.thumbnails li{
display:block;
position:relative;
float:left;
margin-right:5px;
}
.thumbnails li div{
position:relative;
float:left;
width:125px;
height:70px;
background-color:#000;
border:1px solid #eee;
margin-top:0px;
overflow:hidden;
}
.thumbnails li div img{
position:absolute;
top:0;
left:0;
border:0;
z-index:0;
}
.thumbnails li div p{
visibility:visible;
margin:0;
padding:2px;
z-index:1;
}

li.curr div,
li div.thumb-over{
border-color:#333;
}
div.data{
display:none;
}
#thumbs-back,#thumbs-fwd{
float:left;
position:relative;
width:22px;
height:80px;
cursor:pointer;
}
#thumbs-back{
background:url(assets/prev_thumb.png) no-repeat center;
}
#thumbs-fwd{
background:url(assets/next_thumb.png) no-repeat center;
}
.cbar{
position:relative;
clear:both;
height:20px;
}
.index,.index-hl{
position:relative;
display:inline-block;
width:12px;
height:12px;
padding:4px 0;
}
.index{
background:url(assets/circle.png) center no-repeat;
cursor:pointer;
}
.index-hl{
background:url(assets/circlefill.png) center no-repeat;
cursor:default;
}
.thumb-info{
position:absolute;
top:0;
right:0;
height:20px;
line-height:20px;
font-size:11px;
color:#000;
}
.vpiece,.hpiece{
position:absolute;
z-index:2;
}
#tool-tip{
display:none;
position:absolute;
top:0;
left:0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
padding:4px;
max-width:300px;
z-index:9999;
}
/*deprecated styles*/
#bg-img,#main-img,#tooltip{
display:none;
}