.thumb-scroller{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
position:relative;
color:#666;
background-color:#fff;
overflow:hidden;
zoom:1;
}
.thumb-scroller img{
max-width:none !important;
max-height:none !important;
}
.ts-border-box{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-container{
position:relative;
width:100%;
overflow:hidden;
}
.thumb-scroller>ul{
position:absolute;
top:0;
left:0;
padding:0 !important;
margin:0 !important;
list-style:none;
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
}
.ts-list{
position:absolute;
top:0;
left:0;
padding:0 !important;
margin:0 !important;
list-style:none;
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
}
.ts-vertical .ts-list{
float:left;
}
.ts-slide{
display:block;
float:left;
padding:0;
margin:0 !important;
overflow:hidden;
}
.ts-wrapper{
position:relative;
width:100%;
height:100%;
border:0 solid #333;
background:#000;
background:url(../gif/loader-2.gif) no-repeat center, url(../png/loader-bg.png) no-repeat center, #000;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-content{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
div.ts-content{
background-color:#fff;
}
img.ts-content{
width:auto;
height:auto;
border:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}
.ts-slide:hover img.ts-zoom-in,
.ts-slide:hover img.ts-zoom-out{
-webkit-transition:-webkit-transform 5s;
-moz-transition:-moz-transform 5s;
-ms-transition:-ms-transform 5s;
-o-transition:-o-transform 5s;
transition:transform 5s;
}
img.ts-zoom-in,
.ts-slide:hover img.ts-zoom-out{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
img.ts-zoom-out,
.ts-slide:hover img.ts-zoom-in{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
.ts-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.ts-wrapper:hover .ts-overlay{
filter:alpha(opacity=15);
-moz-opacity:.15;
opacity:.15;
}

/* captions */
.ts-caption{
display:block;
font-size:14px;
width:100%;
padding:5px;
line-height:normal;
margin:0;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-outside .ts-caption{
position:relative;
color:#fff;
background:#000;
}
.ts-inside .ts-caption{
position:absolute;
color:#fff;
background:#000;
background:rgba(0,0,0,0.75);
max-height:100%;
}
.ts-slide-up{
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);
}
.ts-slide-down{
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
}

/* buttons */
.ts-prev,
.ts-next{
position:absolute;
background-color:#fff;
cursor:pointer;
}
.ts-horizontal .ts-prev,
.ts-horizontal .ts-next{
top:0;
width:35px;
height:100%;
}
.ts-vertical .ts-prev,
.ts-vertical .ts-next{
left:0;
width:100%;
height:35px;
}
.ts-prev div,
.ts-next div,
.ts-small-button div{
position:absolute;
top:50%;
left:50%;
font-size:0;
background-image:url(../png/scroller-assets.png);
background-repeat:no-repeat;
-moz-opacity:0.75;
opacity:0.75;
}
.ts-prev:hover div,
.ts-next:hover div,
.ts-small-button:hover div{
-moz-opacity:1;
opacity:1;
}
.ts-horizontal .ts-prev div,
.ts-horizontal .ts-next div{
width:16px;
height:30px;
margin-top:-15px;
margin-left:-8px;
}
.ts-horizontal .ts-prev div{
background-position:0 -16px;
}
.ts-horizontal .ts-next div{
background-position:-16px -16px;
}
.ts-vertical .ts-prev div,
.ts-vertical .ts-next div{
width:30px;
height:16px;
margin-top:-8px;
margin-left:-15px;
}
.ts-vertical .ts-prev div{
background-position:0 0;
}
.ts-vertical .ts-next div{
background-position:-30px 0;
}
.ts-disabled{
cursor:default !important;
}
.ts-prev.ts-disabled div,
.ts-next.ts-disabled div{
display:none;
}

/* mouseover buttons */
.ts-hover-prev,
.ts-hover-next{
position:absolute;
width:40px;
height:40px;
background:#000;
background:rgba(0,0,0,0.75);
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
cursor:pointer;
-moz-opacity:0;
opacity:0;
}
.ts-container:hover .ts-css-hover{
-moz-opacity:1;
opacity:1;
}
.ts-horizontal .ts-hover-prev{
top:50%;
margin-top:-20px;
left:8px;
}
.ts-horizontal .ts-hover-next{
top:50%;
margin-top:-20px;
right:8px;
}
.ts-horizontal .ts-hover-prev div,
.ts-horizontal .ts-hover-next div{
position:absolute;
top:50%;
left:50%;
font-size:0;
background-image:url(../png/scroller-buttons.png);
background-repeat:no-repeat;
width:12px;
height:20px;
margin-top:-10px;
margin-left:-6px;
}
.ts-horizontal .ts-hover-prev div{
background-position:0 0;
}
.ts-horizontal .ts-hover-next div{
background-position:-12px 0;
}
.ts-vertical .ts-hover-prev{
left:50%;
margin-left:-20px;
top:8px;
}
.ts-vertical .ts-hover-next{
left:50%;
margin-left:-20px;
bottom:8px;
}
.ts-vertical .ts-hover-prev div,
.ts-vertical .ts-hover-next div{
position:absolute;
top:50%;
left:50%;
font-size:0;
background-image:url(../png/scroller-buttons.png);
background-repeat:no-repeat;
width:20px;
height:12px;
margin-top:-6px;
margin-left:-10px;
}
.ts-vertical .ts-hover-prev div{
background-position:0 -20px;
}
.ts-vertical .ts-hover-next div{
background-position:0 -32px;
}
.ts-hover-prev.ts-disabled,
.ts-hover-next.ts-disabled{
display:none;
}

/* controls */
.ts-header,
.ts-control{
position:relative;
width:100%;
height:30px;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-title{
position:relative;
float:left;
font-size:18px;
line-height:30px;
width:70%;
overflow: hidden;
text-overflow: ellipsis;
padding-left:5px;
white-space:nowrap;
text-shadow:1px 1px 1px rgba(0,0,0,0.01);
}
.ts-page-info{
position:relative;
float:right;
font-size:14px;
line-height:30px;
padding-right:5px;
white-space:nowrap;
}
.ts-small-button{
position:relative;
float:right;
width:20px;
height:24px;
margin:3px 0;
cursor:pointer;
}
.ts-small-button div{
width:10px;
height:12px;
margin-top:-6px;
margin-left:-5px;
}
.ts-small-prev div{
background-position:-36px -31px;
}
.ts-small-next div{
background-position:-46px -31px;
}
.ts-small-next.ts-disabled div,
.ts-small-prev.ts-disabled div{
-moz-opacity:0.25;
opacity:0.25;
}
.ts-play-button div{
width:10px;
height:12px;
margin-top:-6px;
margin-left:-5px;
background-position:-46px -19px;
}
.ts-pause div{
background-position:-36px -19px;
}

/* scrollbar */
.ts-scrollbar{
position:relative;
width:100%;
height:6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#999;
cursor:pointer;
overflow:hidden;
margin:12px 0;
}
.ts-scrubber{
position:absolute;
top:0;
left:0;
height:6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#ddd;
cursor:default;
}
.ts-scrubber:hover,
.ts-scrollbar:hover .ts-scrubber{
background-color:#eee;
}

/* nav thumbs */
ul.ts-nav{
position:relative;
display:block;
padding:0;
margin:10px auto;
list-style:none;
}
ul.ts-nav li{
position:relative;
display:inline;
float:left;
font-size:0;
width:8px;
height:8px;
padding:0;
margin:0 6px;
border:1px solid #333;
background-color:#ccc;
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
ul.ts-nav li:hover{
background-color:#666;
}
ul.ts-nav li.ts-active{
background-color:#666;
cursor:default;
}

/* icons */
.ts-zoom-button{
position:absolute;
top:50%;
left:50%;
width:40px;
height:40px;
margin-left:-20px;
margin-top:-20px;
background:#000;
background:rgba(0,0,0,0.75);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-opacity:0;
opacity:0;
cursor:pointer;
outline:none;
}
.ts-zoom-button div{
position:absolute;
top:50%;
left:50%;
width:24px;
height:24px;
margin-left:-12px;
margin-top:-12px;
font-size:0;
background-image:url(../png/scroller-buttons.png);
background-repeat:no-repeat;
}
.ts-zoom-button div{
background-position:-24px 0;
}
.ts-wrapper:hover .ts-button-tray,
.ts-wrapper:hover .ts-zoom-button{
-moz-opacity:1;
opacity:1;
}
.ts-overlay-button:hover,
.ts-zoom-button:hover,
.ts-hover-prev:hover,
.ts-hover-next:hover{
background:#000;
background:rgba(0,0,0,1);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.75);
-moz-box-shadow:0 0 3px rgba(0,0,0,.75);
box-shadow:0 0 3px rgba(0,0,0,.75);
}

/* hover box */
.ts-hover{
display:none;
}
.ts-hover-box{
display:none;
position:absolute;
padding:6px;
z-index:999999;
overflow:hidden;
zoom:1;
}
.ts-hover-content,
.ts-hover-bg{
position:relative;
font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000;
background-color:#fff;
width:250px;
min-width:50px;
min-height:50px;
border:10px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);
box-shadow:0 0 6px rgba(0,0,0,0.5);
overflow:hidden;
}
.ts-hover-bg{
position:absolute;
margin-top:6px;
z-index:0;
}
.ts-hover-bg.ts-loading{
background:#fff url(../content-loader.html) no-repeat center;
}
.ts-hover-arrow{
position:absolute;
width:18px;
height:32px;
margin:15px 0;
font-size:0;
background-image:url(../png/scroller-assets.png);
background-repeat:no-repeat;
}
.ts-left-shadow-arrow{
left:0;
background-position:-96px 0;
}
.ts-right-shadow-arrow{
right:0;
background-position:-114px 0;
}
.ts-left-arrow{
left:0;
background-position:-60px 0;
}
.ts-right-arrow{
right:0;
background-position:-78px 0;
}
.ts-hover-close{
position:absolute;
top:0;
right:0;
width:18px;
height:18px;
margin:8px 8px 0 0;
background-color:#666;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.ts-hover-close div{
position:absolute;
top:50%;
left:50%;
width:10px;
height:10px;
margin-top:-5px;
margin-left:-5px;
font-size:0;
background:url(../png/scroller-buttons.png) no-repeat -48px -28px;
}
.ts-hover-close-left{
margin-right:19px;
}
.ts-hover-close:hover{
background-color:#000;
}
.ts-hover-box:hover .ts-hover-close{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
/**/
.ts-button-tray{
display:none;
position:absolute;
top:0;
right:0;
margin:5px 5px 5px 0;
}
.ts-opacity-off{
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.ts-overlay-button{
display:block;
position:relative;
float:left;
width:22px;
height:22px;
margin-left:4px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#333;
background:rgba(51,51,51,0.75);
cursor:pointer;
outline:none;
}
.ts-overlay-button div{
position:absolute;
top:50%;
left:50%;
width:14px;
height:14px;
margin-top:-7px;
margin-left:-7px;
font-size:0;
background-image:url(../png/scroller-buttons.png);
background-repeat:no-repeat;
}
.ts-caption-button div{
background-position:-34px -24px;
}
.ts-caption-off div{
background-position:-20px -24px;
}
.ts-link-button div{
background-position:-48px 0;
}
.ts-hoverbox-button div{
background-position:-48px -14px;
}
.ts-all-transition{
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.ts-opacity-transition{
-webkit-transition:opacity 0.4s;
-moz-transition:opacity 0.4s;
-ms-transition:opacity 0.4s;
-o-transition:opacity 0.4s;
transition:opacity 0.4s;
}
.ts-bgcolor-transition{
-webkit-transition:background-color 0.4s;
-moz-transition:background-color 0.4s;
-ms-transition:background-color 0.4s;
-o-transition:background-color 0.4s;
transition:background-color 0.4s;
}
.ts-transform-transition{
-webkit-transition:-webkit-transform 0.4s;
-moz-transition:-moz-transform 0.4s;
-ms-transition:-ms-transform 0.4s;
-o-transition:-o-transform 0.4s;
transition:transform 0.4s;
}
.ts-img-transition{
-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;
-moz-transition:-moz-transform 0.4s, opacity 0.4s;
-ms-transition:-ms-transform 0.4s, opacity 0.4s;
-o-transition:-o-transform 0.4s, opacity 0.4s;
transition:transform 0.4s, opacity 0.4s;
}