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

		Name:lightbox.css



		#Gellery Portfolio lightbox 

		#Images hover Hover Effect

		#Media Query

		

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



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

	#Gellery Portfolio lightbox 

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

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {

	padding: 0;

	margin: 0;

	border: 0;

	outline: none;

	vertical-align: top

}

.fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 8020

}

.fancybox {

	position: relative;

	overflow: hidden

}

.fancybox-skin {

	position: relative;

	background: #f9f9f9;

	color: #444;

	text-shadow: none;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px

}

.fancybox-opened {

	z-index: 8030

}

.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);

	-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);

	box-shadow: 0 10px 25px rgba(0,0,0,0.5)

}

.fancybox-outer, .fancybox-inner {

	position: relative

}

.fancybox-inner {

	overflow: hidden

}

.fancybox-type-iframe .fancybox-inner {

	-webkit-overflow-scrolling: touch

}

.fancybox-error {

	color: #444;

	margin: 0;

	padding: 15px;

	white-space: nowrap

}

.fancybox-image, .fancybox-iframe {

	display: block;

	width: 100%;

	height: 100%

}

.fancybox-image {

	max-width: 100%;

	max-height: 100%;

	padding:6px;

}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url(../images/sprite.png)

}

#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	margin-top: -22px;

	margin-left: -22px;

	background-position: 0 -108px;

	opacity: .8;

	cursor: pointer;

	z-index: 8060

}

#fancybox-loading div {

	width: 44px;

	height: 44px;

	background: url(../images/fancybox_loading.gif) center center no-repeat

}

.fancybox-close {

	position: absolute;

	top: -11px;

	right: -2px;

	width: 35px;

	height: 35px;

	display:none;

	cursor: pointer;

	z-index: 8040

}

.fancybox-nav {

	position: absolute;

	top: 0;

	width: 40%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

	background: transparent url(../images/blank.gif);

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	z-index: 8040

}

.fancybox-prev {

	left: 0

}

.fancybox-next {

	right: 0

}

.fancybox-nav span {

	position: absolute;

	top: 50%;

	width: 35px;

	height:35px;

	margin-top: -11px;

	cursor: pointer;

	z-index: 8040;

	visibility: visible

}

.fancybox-prev span {

	left: 6px;

	background-position: 0 -35px

}

.fancybox-next span {

	right: 6px;

	background-position: -44px -72px

}

.fancybox-nav:hover span {

	visibility: visible

}

.fancybox-tmp {

	position: absolute;

	top: -99999px;

	left: -99999px;

	visibility: hidden;

	max-width: 99999px;

	max-height: 99999px;

	overflow: visible!important

}

.fancybox-lock {

	width: auto

}

.fancybox-lock body {

	overflow: hidden!important

}

.fancybox-lock-test {

	overflow-y: hidden!important

}

.fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	display: none;

	z-index: 8010;

	background: url(../images/fancybox_overlay.png);

	width: 100%

}

.fancybox-overlay-fixed {

	position: fixed;

	bottom: 0;

	right: 0

}

.fancybox-lock .fancybox-overlay {

	overflow: auto;

	overflow-y: scroll

}

.fancybox-title {

	visibility: hidden;

	position: relative;

	text-shadow: none;

	z-index: 8050

}

.fancybox-opened .fancybox-title {

	visibility: visible

}

.fancybox-title-float-wrap {

	position: absolute;

	bottom: 0;

	right: 50%;

	margin-bottom: -35px;

	z-index: 8050;

	text-align: center

}

.fancybox-title-float-wrap .child {

	display: inline-block;

	margin-right: -100%;

	padding: 2px 20px;

	background: transparent;

	background: rgba(0,0,0,0.8);

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	text-shadow: 0 1px 2px #222;

	color: #FFF;

	font-weight: 700;

	line-height: 24px;

	white-space: nowrap

}

.fancybox-title-outside-wrap {

	position: relative;

	margin-top: 10px;

	color: #fff

}

.fancybox-title-inside-wrap {

	padding:0px

}

.fancybox-title-over-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 10px;

	background: #000;

	background: rgba(0,0,0,.8)

}

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

	#Media Query

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





@media (min-width: 992px) and (max-width: 1024px) {

.caption-style-2 .caption {

	width: 100%

}

.caption-style-2 .hover {

	width: 100%

}

.caption-style-2 .caption-text {

	width: 232px

}

.caption-style-2 .hover img {

	width: 100%

}

.fancybox .caption-style-2 .blur {

	width: 100%

}

.fancybox .caption-style-2 .caption-text {

	padding: 20px 5px

}

}