@charset "utf-8";

.tn3e-gallery {
    position:relative;
    width: 960px;
    height: 550px;
    background-color:#d7ebf6;
    line-height: normal;
}
.tn3e-gallery img {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    max-width: none !important;
}    
.tn3e-image {
    position:absolute;
    left: 5px;
    top: 5px;
    width: 950px;
    height: 390px;
    background-color: #FFF;
    cursor: pointer;
}
.tn3e-control-bar {
    position:absolute;
    background: url('bg.png') repeat;
    width:243px;
    height:80px;
}
.tn3e-thumbs ul, .tn3e-thumbs li {
    margin: 0 !important;
    list-style-type: none !important;
}
.tn3e-thumbs {
    position:absolute;
    width:950px;
    height:105px;
    bottom:5px;
    left:5px;
    background: #d7ebf6;
    padding-top:2px;
}
.tn3e-thumb {
    padding: 5px;
    cursor:pointer;
}
.tn3e-thumb-selected {
    cursor:default;
    background: #fff200
}
.tn3e-thumb img {
    width: 140px;
    height:95px;
}    
.tn3e-next {
    position:absolute;
    background-image:url('tn3e.png');
    background-position:-20px -3px;
    width: 13px;
    height: 17px;
    right:33px;
    bottom:126px;
    cursor:pointer;
}
.tn3e-next:hover {
    background-position:-20px -23px;
}
.tn3e-prev {
    position:absolute;
    background-image:url('tn3e.png');
    background-position:-2px -3px;
    width: 13px;
    height: 17px;
    left:30px;
    bottom:126px;
    cursor:pointer;
}
.tn3e-prev:hover {
    background-position:-2px -23px;
}
.tn3e-preloader {
    position:absolute;
    width: 22px;
    height: 8px;
    right:5px;
    top:5px;
}
.tn3e-text {
    position: absolute;
    left: 64px;
    bottom: 115px;
    width: 832px;
    height: 35px;
    vertical-align:middle;
    overflow: hidden;
}
.tn3e-image-title {
    font-family: Tahoma, Helvetica, sans-serif;
    color:#3f4146;
    width:100%;
    text-align:center;
    font-weight:bold;
}
.tn3e-image-description {
    font-family: Tahoma, Helvetica, sans-serif;
    color:#3f4146;
    width:100%;
    text-align:center;
    font-size:0.9em;
}
.tn3e-timer {
    position:absolute;
    width: 100%;
    height: 4px;
    bottom: 0px;
    background: url('bg.png') repeat;
    background: rgba(0, 0, 0, 0.3);
}
.tn3e-play {
    position:absolute;
    background-image:url('tn3e.png');
    background-position:-2px -80px;
    left:94px;
    top:12px;
    width:57px;
    height:57px;
    cursor:pointer;
}
.tn3e-play:hover {
    background-position:-64px -80px;
}
.tn3e-play-active {
    background-position:-2px -139px;
}
.tn3e-play-active:hover {
    background-position:-64px -139px;
}

@media screen and (max-width: 920px) {
    .tn3e-thumb img {
        width: 80px;
        height:60px;
    } 

    .tn3e-thumbs {
        height:85px;
    }
}

@media screen and (max-width: 480px) {
    .tn3e-thumb img {
        width: 80px;
        height:60px;
    } 

    .tn3e-thumbs {
        height:85px;
    }
}