#dixanviewerbox-wrapper {z-index:2000;display:table;width:100%;height:100%;position:fixed;left:0;top:0;background: rgb(0, 0, 0) transparent;background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#dixanviewerbox-wrapper #dixanviewerbox-outer {vertical-align: middle;text-align: center;position: absolute;width: 100%;height: 100%;}
#dixanviewerbox-wrapper .absolute-center {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
#dixanviewerbox-wrapper .dixanviewerbox-container {
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
       -moz-box-shadow:0px 0px 20px rgba(50, 50, 50, 1);
            box-shadow:0px 0px 20px rgba(50, 50, 50, 1);
}
#dixanviewerbox-wrapper .dixanviewerbox-title {
    display:block;
    position:relative;
    z-index: 200;
    left:0;
    top:0;
    margin:0;
    padding:0;
    background: #93712a;
    color: #fff;
    width:100%;
    text-align:center;
    line-height:30px;
    vertical-align:middle;
}
#dixanviewerbox-wrapper .dixanviewerbox-container.preloading {background: rgba(0,0,0,0.8) url(../images/loading.gif) no-repeat 50% 50%;}
#dixanviewerbox-wrapper .dixanviewerbox-image {position:relative;z-index:100;left:0;}
#dixanviewerbox-wrapper .ontransition {background: rgb(76,76,76) url();}
#dixanviewerbox-wrapper .dixanviewerbox-close {
    position: absolute;
    cursor: pointer;
    z-index: 300;
    right: -21px;
    top: -21px;
    width: 42px;
    height:42px;
    background: url(../images/close_button_.png) no-repeat center center;
    }
    
#dixanviewerbox-wrapper .dixanviewerbox-nav {
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}    
#dixanviewerbox-wrapper .dixanviewerbox-prev { left:0; }
#dixanviewerbox-wrapper .dixanviewerbox-next { right:50px; }

#dixanviewerbox-wrapper .dixanviewerbox-nav:hover span {
	opacity: 1;
	background-color:#93712a;
}


#dixanviewerbox-wrapper .dixanviewerbox-nav span {
	font-size: 30px;
    position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	padding-top: 6px;
	cursor: pointer;
	z-index: 8040;
	background-image: none;
	background-color: #93712a;
	
	opacity: 0.5;
	
	-webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
		    transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
}


#dixanviewerbox-wrapper a {
	color:#fff;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.1s linear 0s;	
	   -moz-transition: color 0.1s linear 0s;
		 -o-transition: color 0.1s linear 0s;
		    transition: color 0.1s linear 0s;
}
