﻿body {
	overflow-x: hidden;
}
/* Thumbs*/
.thumbdiv {
	float:left; 
	position:relative;
}
.thumbdiv .title {
    position:absolute;
	padding:2px;
	font-size:1.0em;
	color:#fff;
	background:#000;
	border-top:solid 1px #000;
    -ms-opacity:0.8;
    opacity:0.8;
	bottom:14px;
	left:8px;
	right:9px;
}

/* VIEWBOX */
#viewbox {
    position:fixed;
	height:100%;
	width:100%;   
	top:0;
	left:0;
    background-color: #0f0f0f;
    background-color: rgba(15, 15, 15, 0.6);
	z-index:2195; 
	overflow:auto;
}

.vbloader {
    position:absolute;
	height: 45px;
	width: 45px;
    background: url('viewbox/load.gif') center no-repeat #000000;
    background: url('viewbox/load.gif') center no-repeat rgba(0, 0, 0, 0.8);
    -ms-border-radius: 8px;
    border-radius: 8px;
	z-index: 2450;
}

.vb_wrap {
    position:absolute; 
	height:20px;
	width:20px;
	padding:0;
    background-color: #ffffff;
    background-color: rgba(255, 255, 2255, 1);
    border:solid 1px #000000;
    border:solid 1px rgba(0, 0, 0, 0.5);
    -ms-background-clip:border-box;
    -moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;
    background-clip:border-box;
    /* Safari 4? Chrome 6? */
	background-clip: padding-box;
	overflow:visible; 
	z-index:2200;
	margin:0 auto;
	top:0; 
	left:0;
   
}

.vb_wrap .content {
 	position:relative;
	overflow:visible;  
}
.vb_wrap .content .image, .vb_wrap .content .object, .vb_wrap .content iframe, .youtube-player {
    -ms-border-radius: 8px;
    border-radius: 8px;
	z-index:2220 !important;
}

.vb_wrap .number {
    position:absolute;
	top:7px;
	left:7px;
	font-size:1.0em;
	color:#FFFFFF;
    -ms-text-shadow:#000 1px 1px 2px;
    text-shadow:#000 1px 1px 2px;
	z-index:2250;
}

.vb_wrap .panel {
	position: absolute;
	width: 35px;
	top: 7px;
	right: 7px;
	z-index:2250;
}
.vb_wrap .panel div {
    height:24px;
	width:24px;
	margin-bottom: 3px;
	padding:5px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -ms-opacity:0.5;
    opacity:0.5;
	float: right;
}

.vb_wrap .panel div:hover {
    -ms-opacity: 1.0;
    opacity: 1.0;
    background-color: #33ccff;
    background-color: rgba(51, 204, 255, 0.9);
}

.vb_wrap .resize {
	background: url(viewbox/resize.png) center no-repeat rgba(0, 0, 0, 0.8);
}
.vb_wrap .fb {
	background: url(viewbox/facebook.png) center no-repeat rgba(0, 0, 0, 0.8);
} 
.vb_wrap .tw {
	background: url(viewbox/twitter.png) center no-repeat rgba(0, 0, 0, 0.8);
} 
.vb_wrap .gp {
	background: url(viewbox/google.png) center no-repeat rgba(0, 0, 0, 0.8);
}
.vb_wrap .close {
	position:absolute; 
	top:-34px;
	right:10px;
	background:url(viewbox/viewbox_close.png) top right no-repeat;
	height:34px;
	width:34px;
}
.vb_wrap .next {
	position:absolute;   
	right:-34px;
	background:url(viewbox/viewbox_nextP.png) top right no-repeat;
	height:34px;
	width:34px;
	z-index:2190;
}
.vb_wrap .prev {
	position:absolute;   
	left:-34px;
	background:url(viewbox/viewbox_prevP.png) top left no-repeat;
	height:34px;
	width:34px;
	z-index:2190;
}
.vb_wrap .close a, .vb_wrap .next a, .vb_wrap .prev a, .vb_wrap .panel a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-777em;
	outline:none;
}
.vb_wrap h1 {
	margin:5px 0 8px;
	padding-bottom:3px;
	letter-spacing:1.3px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#cdcdcd;
	border-bottom:solid 1px #7e7e7e;
	
}
.vb_wrap h2.hide {
	text-indent: -999em;
	height: 0;
	overflow: hidden;
}
.vb_wrap p { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-align:justify;
	color:#e5e5e5;
}
.vb_wrap .text {
	position:absolute;
	background: url(viewbox/viewbox_bgt.png) bottom left repeat-x;
	bottom:0;
    
	width:100%; 
	z-index:2110;
}
* html .vb_wrap .text {
	background-image:none;
	background-color:#0f0e0e;
}
.vb_wrap .text {
	display: none;
}
.vb_wrap .text h1 {
	margin:2px; 
	padding:1px;
	color:#009bdb;
	z-index:2230;
}
.vb_wrap .text .description {
	position:relative;
	bottom:0; 
	left:0;
	padding:2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	z-index:2260;
	color:#fff; 
}
/* Advert */
.vb_wrap .content .adss {
    position: absolute; 
	width:100%;
    background: #000000;
    background: rgba(0, 0, 0, 0.6);
	bottom: 60px;
	overflow:visible;
	display:none; 
	z-index: 9999;
}

.vb_wrap .content .adss .qa {
	position: relative;
	margin: 0 auto;
}
.vb_wrap .content .adss .qa .closeads {
	position: absolute;
	height:18px;
	width:18px;
	top:-20px;
	right: 0;
	background: url(viewbox/close.gif) top left no-repeat;
	z-index: 9999;
}
.vb_wrap .content .adss .qa .closeads a {
	display: block;
	height: 100%;
	width: 100%;
}

.vb_wrap .content .adss span, .vb_wrap .content .adss div {
	margin: 0 auto;
}
.vb_wrap .content .adss img {
	display: block;
	float:left;
	z-index: 9999;
}
