/*----------------------------------------------------------------------------- 

	-	LIGHTBOX -

Screen Stylesheet 

version:   	1.0 
date:      	10/06/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------------------------

													-	CUSTOM LIGHTBOX SETTINGS -						
	
-------------------------------------------------------------------------------------------------------------------------*/

#fh_lightbox-main-loader {
	background-image:url(../assets-lightbox/loader/loader_round_white.gif) !important;
	width:18px !important;
	height:18px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	top:45% !important;
	z-index:99999 !important;
	position:relative !important;
}



/************************************
	-	The LightBox	-
************************************/
.fh_lightbox_overlay{
	width:100px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#AEA87E;
	z-index:999998;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
	position:fixed;
	
}

.fh_lightbox_holder{
	width:100px;
	height:100px;	
	overflow:hidden;
	background-color:#74c5ed;
	z-index:999999;
	position:fixed;
	-webkit-box-shadow: 0px -10px 25px -15px #000;
	-moz-box-shadow: 0px -10px 25px -15px #000;
	box-shadow: 0px -10px 25px -15px #000; 
	
	-webkit-box-shadow: 0px 10px 25px -15px #000;
	-moz-box-shadow: 0px 10px 25px -15px #000;
	box-shadow: 0px 10px 25px -15px #000; 
	
}

.fh_lightbox_holder_closebutton{
	background:url(../assets-lightbox/navigation/fancy_close_lb_button.png) no-repeat top;
	position:fixed;	
	width:30px;
	height:30px;		
	z-index:1000000;	
}

.fh_lightbox_holder_closebutton:hover{
	background-position:bottom;
}


/***************************************************************
	-	THE OVERLAY THEME WHEN MOUSE IS OVER THE LINKED ITEM -
****************************************************************/
.draw_layer_over_item{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#AEA87E; /* #74c5ed;/*#dc1700;*/
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
    opacity: 0.80;	
	width:100px;
	height:100px;
	display:none;
	cursor:pointer;

}


/**   - THE PLUS SYMBOL ON THE IMAGE - **/
.layer_over_item_plus{
	background:url(../assets-lightbox/plus.png) no-repeat;
	width:35px;
	height:35px;
	position:absolute;	
	cursor:pointer;
}


/****************************************
	- THE INFO BOX LAYOUT -
*****************************************/
.fh_lightbox_info_box{
	z-index:999999;
	background-color:#3a4046;
	width:200px;
	height:auto;
	position:fixed;	
	padding:20px;
	font-family: 'Istok Web', sans-serif;
	
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	
	-webkit-box-shadow: 0px -10px 25px -15px #000;
	-moz-box-shadow: 0px -10px 25px -15px #000;
	box-shadow: 0px -10px 25px -15px #000; 
	
	-webkit-box-shadow: 0px 10px 25px -15px #000;
	-moz-box-shadow: 0px 10px 25px -15px #000;
	box-shadow: 0px 10px 25px -15px #000; 	
}

.fh_lightbox_info_box .title{
	overflow:hidden;
	font-family: 'Istok Web', sans-serif;
	margin-bottom:10px;
	color:#74c5ed; !important;
}
.fh_lightbox_info_box .content{
	font-family: 'Istok Web', sans-serif;
	overflow:hidden;
}

.fh_lightbox_info_box .divider{
	width:200px;	
	height:2px;
	background-color:#6c7075;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	position:relative;
}





/**********************************************
	-  TWITTER ,FACEBOOK AND GOOGLEMAIL SOCIALS -
***********************************************/
.fh_lightbox_info_box .twitter{
	background:url(../assets-lightbox/socials/s_2.png) no-repeat;	
	width:34px;
	height:34px;
	float:left;		
	margin-right:10px;
	margin-bottom:10px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
}

.fh_lightbox_info_box .twitter:hover{
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
    opacity: 1.0;
}


.fh_lightbox_info_box .facebook{
	background:url(../assets-lightbox/socials/s_1.png) no-repeat;	
	width:34px;
	height:34px;
	float:left;	
	margin-right:10px;
	margin-bottom:10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
}


.fh_lightbox_info_box .facebook:hover{	
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
    opacity: 1.0;
}


.fh_lightbox_info_box .googleplus{
	background:url(../assets-lightbox/socials/s_3.png) no-repeat;	
	width:34px;
	height:34px;
	float:left;	
	margin-right:10px;
	margin-bottom:10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
}


.fh_lightbox_info_box .googleplus:hover{	
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
    opacity: 1.0;
}

.social_tab{
		position:relative;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;		
		padding-bottom: 20px;
		display: none;
		cursor: pointer;
		top:-60px;
	}