/**
 *	<div class="lightBox3dot">
 * 		<div class="wrapBox">
 * 			<div class="btnClose"><img src="/images/lightbox3dot/close.gif" alt="закрыть"/></div>
 * 			<div class="navLinks"><a href="btnPrev">назад</a><a href="btnNext">далее</a></div>
 * 			<div class="imageBox"><img src="[путь к картинке]"/></div>
 * 			<div class="description">[описание]</div>
 * 		</div>
 * </div>
 */

.lightBox3dot {position: fixed; _position: absolute; z-index: 1000; background: transparent url(/images/lightbox3dot/bg.png); padding: 30px; left: 50%; top: 50%; width: 200px}
.lightBox3dot .wrapBox {position: relative; width: 100%}
.lightBox3dot .preload .imageBox {height: 200px; background: transparent url(/images/lightbox3dot/loading.gif) no-repeat 50% 50%}
.lightBox3dot .preload .imageBox img {display: none}
.lightBox3dot .imageBox img {border: 1px solid #D35511}
.lightBox3dot .btnClose {position: relative; margin: -18px -18px 0 0; width: 10px; height: 10px; float: right; background: transparent url(/images/lightbox3dot/close.gif) no-repeat 50% 50%; text-indent: -5000px; cursor: pointer}
.lightBox3dot .navLinks {position: absolute; width: 100%}
.lightBox3dot .navLinks a {width: 49.5%; text-indent: -5000px; outline: 0; background-image: url(data:image/gif;base64,AAAA); display: block}
.lightBox3dot .navLinks .btnPrev {float: left; margin-left: -1px;}
.lightBox3dot .navLinks .btnNext {float: right; margin-right: -1px;}
.lightBox3dot .navLinks .btnPrev:hover {background: transparent url(/images/lightbox3dot/prevlabel.gif) no-repeat 0 20%}
.lightBox3dot .navLinks .btnNext:hover {background: transparent url(/images/lightbox3dot/nextlabel.gif) no-repeat 100% 20%}
.lightBox3dot .description {position: relative; margin: 20px 0 -10px; font-size: 1.4em; color: #f0f0f0}