#innitylb_wrapper
{
	position:relative;
	text-align:center;
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
	overflow:hidden;
	z-index:10000;
	transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);	
	-moz-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	perspective:1400px;-webkit-perspective:1400px;-moz-perspective:1400px;
	-webkit-transform-style: preserve-3d;-moz-transform-style: flat;transform-style: preserve-3d;
}

#innitylb_magnify
{
	background:url('lightbox-icon-large.svg') no-repeat scroll 0 0 transparent;
	position:absolute;
	width:57px;
	height:58px;
	top:0px;
	right:0px;
	z-index:100;
	transform-origin:100% 0%;
	
	transition:transform 0.5s;
	-webkit-transition:transform 0.5s;
}

.innitylb_scaleUp {
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}

.innitylb_scaleDown {
	-webkit-transform:scale(0.8,0.8);
	transform:scale(0.8,0.8);
}

#innitylb_loader
{
	position:absolute;
	width:inherit;
	height:inherit;
	z-index:101;
	
	top:50%; bottom:50%;
	left:50%; right:50%;
	transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
}

#innitylb_text
{
	position:relative;
	font-family: Helvetica, Arial, "Microsoft Yahei","Î¢ÈíÑÅºÚ", STXihei, "»ªÎÄÏ¸ºÚ", sans-serif;
	letter-spacing:0px;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	color:white;
	width:inherit;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-top:2%;
}
#innitylb_text.zh {
	font-family: "Microsoft Yahei","Î¢ÈíÑÅºÚ", STXihei, "»ªÎÄÏ¸ºÚ", sans-serif;
	letter-spacing:2px;
	font-style:normal;	
}

#innitylb_counter
{	
	position:absolute;
	font-family: Arial, sans-serif;
	font-size:inherit;
	font-style:italic;
	font-weight:bold;
	color:white;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	line-height:inherit;
	left:-1px;
	top:1px;
}

#innitylb_circle
{
	position:relative;
	width:80px;
	height:80px;
	line-height:80px;
	font-size:30px;
	margin-top:1%;
	
	left:50%; right:50%;
	transform:translateX(-50%); -webkit-transform:translateX(-50%); 		
}

#innitylb_circle1
{
	background:url(b_circle.svg) no-repeat;
	background-size:cover;
	background-color: rgba(0,0,0,0);
	opacity: .8;
    width: 100%;
    height: 100%;
    margin: 0 auto;
	position: absolute;
}
.innitylb_ani_circle1 {
	animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
}

#innitylb_circle2 {
	background:url(s_circle.svg) no-repeat;
	background-size:cover;
	background-color: rgba(0,0,0,0);
	opacity: .6;
    width: 70%;
    height: 70%;
    /*margin: -1px 15px;*/
	margin: 15% 15%;
    position: absolute;
}
.innitylb_ani_circle2 {
	animation: spinoff .5s infinite linear;
    -webkit-animation: spinoff .5s infinite linear;
}

@keyframes spin
{
    0% { transform: rotate(0deg);}

    100% { transform: rotate(360deg);}
}

@keyframes spinoff
{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}

@-webkit-keyframes spin
{
    0% {-webkit-transform: rotate(0deg);}

    100% {-webkit-transform: rotate(360deg);}
}

@-webkit-keyframes spinoff
{
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(-360deg);}
}

#innitylb_overlay {
	position:absolute;
	background:black;
	width:inherit;
	height:inherit;
	
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
}

.innitylb_fadeIn {opacity:0.8;}
.innitylb_fadeOut {opacity:0;}

.innitylb_show { display:block !important; }
.innitylb_hide { display:none !important; }


#innitylb_progressbar {
	position:relative;
	width:100%;
	height:55%;
}

#innitylb_meter {
	position:absolute;
	width:34%;
	height:5px;
	left:50%;
	bottom:0;
	margin-left:-17%;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	border:3px solid rgba(51,51,51,0.5);
	background-color:rgba(51,51,51,0.8);
}

#innitylb_meter  > #innitylb_meter_progress {
	display: block;
	height: 100%;
	background-color:#fff;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	border-radius:45px;
	position: relative;
	overflow: hidden;
	opacity:0;
}
