@charset "utf-8";
h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

body {
background-color:#000;
color:#fff;
margin:50px 0;
padding:0;
}

#content {
width:960px;
margin:0 auto;
}

#desc,h4 {
font-family:Arial, sans-serif;
font-size:12px;
margin:10px;
}

h4 {
font-size:14px;
}

.tn3e-gallery {
position:relative;
width:960px;
height:450px;
background-color:#c5c5c5;
background-image:url('grad.jpg');
background-position:center center;
background-repeat:no-repeat;
line-height:normal;
}

.tn3e-image {
position:absolute;
left:160px;
top:20px;
width:780px;
height:360px;
background-color:#000;
}

.tn3e-control-bar {
position:absolute;
background:url('bg.png') repeat;
width:243px;
height:80px;
}

.tn3e-thumbs ul,.tn3e-thumbs li {
margin:0;
}

.tn3e-thumbs {
position:absolute;
width:123px;
height:356px;
top:20px;
left:20px;
background-image:url('thumb_bg_v.png');
background-repeat:repeat-y;
padding:4px;
}

.tn3e-thumb {
cursor:pointer;
width:114px;
height:72px;
margin:0;
padding:2px;
}

.tn3e-thumb-selected {
cursor:default;
}

.tn3e-thumb img {
width:114px;
height:72px;
}

.tn3e-next {
position:absolute;
background-image:url('tn3e.png');
background-position:-20px -3px;
width:13px;
height:17px;
right:33px;
bottom:26px;
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:26px;
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:10px;
width:832px;
height:40px;
vertical-align:middle;
overflow:hidden;
}

.tn3e-image-title {
font-family:Tahoma, Helvetica, sans-serif;
color:#3f4146;
font-size:12px;
width:100%;
text-align:center;
font-weight:700;
}

.tn3e-image-description {
font-family:Tahoma, Helvetica, sans-serif;
color:#3f4146;
width:100%;
text-align:center;
font-size:10px;
}

.tn3e-timer {
position:absolute;
width:100%;
height:4px;
bottom:0;
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;
}

.tn3e-show-albums {
position:absolute;
background-image:url('tn3e.png');
background-position:-35px -39px;
top:22px;
left:23px;
width:37px;
height:36px;
cursor:pointer;
margin:0;
padding:0;
}

.tn3e-show-albums:hover {
background-position:-76px -39px;
}

.tn3e-fullscreen {
position:absolute;
background-image:url('tn3e.png');
background-position:-35px -1px;
top:22px;
right:23px;
width:37px;
height:36px;
cursor:pointer;
}

.tn3e-fullscreen:hover {
background-position:-76px -1px;
}

.tn3e-albums {
position:absolute;
width:920px;
height:410px;
left:20px;
top:20px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background-image:url('bg.png');
background:rgba(0, 0, 0, 0.8);
}

.tn3e-albums h4 {
position:absolute;
margin-top:1.33em;
font-weight:700;
left:34px;
top:10px;
font-size:18px;
color:#c7c8c9;
}

.tn3e-inalbums {
position:absolute;
top:80px;
width:920px;
height:250px;
padding:20px;
}

.tn3e-album {
position:absolute;
width:420px;
height:70px;
background-color:#111;
overflow:hidden;
cursor:pointer;
font-size:medium;
}

.tn3e-album-over {
background-color:#222;
}

.tn3e-album-selected {
background-color:#cdcdcd;
color:#111214;
cursor:default;
}

.tn3e-album-image {
margin-right:1em;
overflow:hidden;
float:left;
}

.tn3e-album-image img {
width:95px;
height:70px;
}

.tn3e-album-title {
font-size:13px;
font-weight:700;
margin-top:1em;
}

.tn3e-album-description {
font-size:0.6em;
height:3em;
line-height:1.6em;
overflow:hidden;
}

.tn3e-albums-next {
position:absolute;
background-image:url('tn3e.png');
background-position:-217px -1px;
width:97px;
height:37px;
right:20px;
bottom:20px;
cursor:default;
}

.tn3e-albums-next-over {
background-position:-217px -40px;
cursor:pointer;
}

.tn3e-albums-prev {
position:absolute;
background-image:url('tn3e.png');
background-position:-117px -1px;
width:97px;
height:37px;
left:20px;
bottom:20px;
cursor:default;
}

.tn3e-albums-prev-over {
background-position:-117px -40px;
cursor:pointer;
}

.tn3e-albums-close {
position:absolute;
background-image:url('tn3e.png');
background-position:-125px -80px;
width:27px;
height:27px;
right:20px;
top:20px;
cursor:pointer;
}

.tn3e-albums-close:hover {
background-position:-155px -80px;
}

.tn3.album,.tn3.album li {
float:left;
list-style-type:none;
margin:4px;
}

.tn3.album div,.tn3.album li h4,.tn3.album li div {
display:none;
}