.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;

}

.ts-list{

position:absolute;

top:0;

left:0;

padding:0 !important;

margin:0 !important;

list-style:none;

}

.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(../images/loader.gif) no-repeat center, url(../images/loader-bg.png) no-repeat center, #000;

overflow:hidden;

-webkit-backface-visibility: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:#eacb3f;

filter:alpha(opacity=0);

-moz-opacity:0;

opacity:0;

}

.ts-wrapper:hover .ts-overlay{

filter:alpha(opacity=0.5);

-moz-opacity:0.5;

opacity:0.5;

}



/* 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(../images/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(../images/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(../images/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(../images/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-content.ts-loading,

.ts-hover-bg.ts-loading{

background:#fff url(../images/content-loader.gif) no-repeat center;

}

.ts-hover-arrow{

position:absolute;

width:18px;

height:32px;

margin:15px 0;

font-size:0;

background-image:url(../images/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(../images/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(../images/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;

}