.tn3-gallery { position: relative; width: 676px; height: 580px; line-height: normal; } .tn3-image { position: absolute; width: 676px; height: 450px; background-color: #fff; } .tn3-controls-bg { position: absolute; width: 676px; height: 75px; bottom: 0px; } .tn3-thumbs ul, .tn3-thumbs li { margin: 0; padding: 0; } .tn3-thumbs { position: absolute; width: 640px; height: 75px; bottom: 0px; padding: 0px 6px 0 9px; left:7px; } .tn3-thumb { border-right:1px solid #c3c3c3; border-left:1px solid #c3c3c3; border-top:1px solid #c3c3c3; width: 108px; height: 75px; margin-right: 3px; cursor: pointer; } .tn3-thumb img { width: 108px; height:72px; } .tn3-thumb-over { border-top: 2px solid #cc1b1b; } .tn3-thumb-selected { border-top: 2px solid #cc1b1b; cursor: default; } .tn3-next { position: absolute; background-image:url("/Content/themes/Default/images/album/center_next.png"); width: 47px; height: 47px; right: 6px; cursor: pointer; } .tn3-next:hover { background-image:url("/Content/themes/Default/images/album/center_next.png"); } .tn3-prev { position: absolute; background-image:url("/Content/themes/Default/images/album/center_last.png"); width: 47px; height: 47px; left: 6px; cursor: pointer; } .tn3-prev:hover { background-image:url("/Content/themes/Default/images/album/center_last.png"); } .tn3-next-page { position: absolute; background-image:url("/Content/themes/Default/images/album/next.png"); width: 9px; height: 17px; right: 0px; bottom:30px; cursor: pointer; } .tn3-next-page:hover { background:url("/Content/themes/Default/images/album/nextpress.png") no-repeat; width: 20px; height: 76px; right: -4px; bottom: 0px; } .tn3-next-pageMax { position: absolute; background-image:url("/Content/themes/Default/images/album/nextpress.png"); width: 20px; height:78px; right: 0px; bottom:0px; cursor: pointer; } .tn3-next-pageMax:hover { background-image:url("/Content/themes/Default/images/album/nexthover.png"); width: 20px; height: 78px; bottom: 0px; } .tn3-prev-page { position: absolute; background-image:url("/Content/themes/Default/images/album/last.png"); width: 9px; height: 17px; bottom:30px; left:-2px; cursor: pointer; } .tn3-prev-page:hover { background-image:url("/Content/themes/Default/images/album/lastpress.png"); width: 20px; height: 76px; left: -5px; bottom:0px; } .tn3-prev-pageMax { position: absolute; background-image:url("/Content/themes/Default/images/album/lastpress.png"); width: 20px; height: 75px; bottom:0px; left:-2px; cursor: pointer; } .tn3-prev-pageMax:hover { background-image:url("/Content/themes/Default/images/album/lasthover.png"); width: 20px; height: 75px; bottom:0px; } .tn3-preloader { position: absolute; width: 39px; height: 15px; } .tn3-text-bg { position: absolute; bottom: 0; width: 100%; font-size: medium; padding-bottom: 1.1em; margin-bottom: 75px; z-index: 100; background-color:#FFF !important; color:#656565; } .tn3-image-title { font-family: Tahoma, Helvetica, sans-serif; color: #656565; font-size: 12px; padding: 1.1em 0 0 7.1em; } .tn3-image-description { font-family: Tahoma, Helvetica, sans-serif; color: #e0dcdc; font-size: 0.625em; line-height: 1.1em; padding-left: 1.1em; } .tn3-timer { position:absolute; width: 100%; height: 2px; bottom: 0px; background: url("/Content/themes/Default/images/album/bg.png") repeat; } .tn3-count { position:absolute; left: 15px; bottom:10px; color:#CC1B1B; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight: bold; width: 50px; height: 30px; font-style:italic; } .tn3-play-active { background-color:#F00; /* background-position: -192px -12px;*/ } .tn3-play-active:hover { background-color:#930; /* background-position: -192px -80px;*/ } .tn3-show-albums { position: absolute; background-image: url("/Content/themes/Default/images/album/tn3.png"); background-position: -177px -6px; bottom: 9px; right: 59px; width: 25px; height: 25px; cursor: pointer; } .tn3-show-albums:hover { background-position: -177px -41px; } .tn3-fullscreen { position: absolute; background-image:url("/Content/themes/Default/images/album/bignormal.png"); top:9px; right: 11px; width: 30px; height: 25px; cursor: pointer; } .tn3-fullscreen:hover { background-image:url("/Content/themes/Default/images/album/bighover.png"); } .tn3-fullscreenMax { position: absolute; background-image: url("/Content/themes/Default/images/album/closenormal.png"); top:9px; right: 11px; width: 30px; height: 30px; cursor: pointer; } .tn3-fullscreenMax:hover { background-image:url("/Content/themes/Default/images/album/closepress.png"); } .tn3-albums { position: absolute; width: 620px; height: 425px; left: 0px; top: 0px; color: #e0dcdc; font-family: Tahoma, Helvetica, sans-serif; background-image:url('"/Content/themes/Default/images/album/bg.png"'); background: rgba(0, 0, 0, 0.7); } .tn3-inalbums { position: absolute; width: 620px; height: 380px; padding: 14px; top: 45px; } .tn3-album { position:absolute; width: 280px; height: 70px; background-color: #1a1a1a; overflow: hidden; cursor: pointer; } .tn3-album-over { background-color: #2a2a2a; } .tn3-album-selected { background-color: #cdcdcd; color: #111214; cursor: default; } .tn3-album-image { height: 100%; width: 80px; margin-right: 10px; float: left; } .tn3-album-image img { width: 80px; height: 80px; } .tn3-album-title { font-size:11px; font-weight:bold; margin-top: 1em; } .tn3-album-description { font-size:10px; height: 3em; line-height: 1.4em; overflow: hidden; } .tn3-albums-next { position:absolute; background-image:url('"/Content/themes/Default/images/album/tn3.png"'); background-position: -43px -9px; width: 20px; height: 20px; right:24px; top:20px; cursor:pointer; } .tn3-albums-next:hover { background-position: -43px -46px; } .tn3-albums-prev { position:absolute; background-image:url('"/Content/themes/Default/images/album/tn3.png"'); background-position: -9px -9px; width: 20px; height: 20px; right: 46px; top: 20px; cursor: pointer; } .tn3-albums-prev:hover { background-position: -9px -46px; } .tn3-albums-close { position: absolute; background-image: url('"/Content/themes/Default/images/album/tn3.png"'); background-position: -237px -9px; width: 20px; height: 20px; left: 20px; top: 19px; cursor: pointer; } .tn3-albums-close:hover { background-position: -237px -47px; } .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; }