#gallery-wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	min-height: 890px;
	top:0;
	z-index:200;
}


.leftArrow{
	background-image: url("../img/gallery/arrowLeft.png");
	background-repeat: no-repeat;
	background-position-y: center;	
	background-position-x: center;	
	background-position: center;	
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	margin: auto;
	bottom: 0;
	left: -77px;
	cursor: pointer;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fullscreen .leftArrow{
	width: 5%;
}

.strip{
	
	bottom: 10%;
	left:0;
	right:0;
	margin: auto;
}

.fullscreen .rightArrow{
	width: 5%;
}

.rightArrow{
	background-image: url("../img/gallery/arrowRight.png");
	background-repeat: no-repeat;
	background-position-y: center;	
	background-position-x: center;	
	background-position: center;	
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	margin: auto;
	bottom: 0;	
	right: -75px;	
	cursor: pointer;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.closeBtn{
	background-image: url("../img/gallery/close.png");
	background-repeat: no-repeat;
	background-position-y: center;	
	background-position-x: center;	
	background-position: center;
	width: 10%;
	height: 10%;
	position: absolute;
	top: 0;
	margin: auto;
	right: 0px;	
	cursor: pointer;	
}

.caption{
	width:100%;
	height: 35px;
	margin: auto;
	bottom: 40px;	
	position:absolute;
	background-color: #303840;
	border: solid #303840;
	border-width: 0 8px;
	color:white;
	line-height: 30px;
	overflow: hidden;
	display:none;
}

#fullscreen .fullImg {
	width:100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#fullscreen .caption {
	opacity:1;
	bottom:0px;

}

#fullscreen .caption .text{	
	width:90%;
	left:0;
	right:0;
	margin:auto;
	text-align: center;
	font-family: "Lato";
	font-size: 15px;
	color:#ababac;	
}

.caption .text{
	font-family: "Lato";
	font-size: 15px;
	color:#ababac;
	margin-left:8px;
	text-overflow:ellipsis;
	width:75%;
	float:left;
	height: 35px;
}

.goFullscreen {
	background-image: url("../img/gallery/fullscreen.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 31px;
	height: 31px;
	float: right;
	cursor: pointer;	
}
.goFullscreen:hover {
	background-image: url("../img/gallery/fullscreen_hover.png");
}

.download {
	background-image: url("../img/gallery/download.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 31px;
	height: 31px;
	float: right;
	cursor: pointer;	
}
.download:hover {
	background-image: url("../img/gallery/download_hover.png");
}

.download a{
	width: 100%;
	height: 100%;
	display: inline-block;
}

.share {
	background-image: url("../img/gallery/share.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 31px;
	height: 31px;
	float: right;
	cursor: pointer;	
}
.share:hover {
	background-image: url("../img/gallery/share_hover.png");
}

#fullscreen .share{
	display:none;
}

#fullscreen .download{
	display:none;
}


#fullscreen .goFullscreen {
	background-image: url("../img/gallery/close.png");
	margin-right: 20px
}

.containerThumb .caption{
	display:none;
}


.containerThumb .leftArrow{
	display:none;
}
.containerThumb .rightArrow{
	display:none;
}


.containerPortrait .stripImage{
	border: 8px solid #303840;
}

.containerThumb .stripImage{	
	border: 4px solid #303840;
}
.containerThumb .stripImage img{	 
	cursor:	pointer;
}
.containerPortrait .stripImage img{	 
	cursor:	pointer;
}


.containerPortrait{
	margin:0 58px 0 50px;
}

.containerThumb{
	margin:0 30px 0 30px;
}


#fullscreen{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;	
	z-index: 4050;
	opacity: 0;
	
}
#fullscreen_overlay{
	background-color: black;
	opacity: 0.4;
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;	
	cursor: pointer;
	z-index: 4000;
}

/*Sharing*/
.share-box{
	display:none;
	background-image: url("../img/gallery/share_popup.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 328px;
	height: 51px;
	position: absolute;
	bottom: 51px;
	right: -14px;	
}

.share-link{
	float: left;
}

.link-btn{
	float: left;
	background-image: url("../img/gallery/link.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 22px;
	height: 10px;
	margin: 6px;
	margin-top: 13px;	
}

.link-container{
	float: left;
	background-image: url("../img/gallery/link_rect.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 178px;
	height: 37px;
}

.link-container input{
	font-size: 16px;
	line-height: 10px;
	height: 12px;
	width: 151px;
	top: 7px;
	position: relative;
	left: 7px;
	background: #EEE;
	color: #555;
}

.tumblr-btn{
	margin: 4px;
	float: right;
	background-image: url("../img/gallery/tumblr.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 29px;
	height: 29px;
	cursor: pointer;
}

.fb-btn{
	margin: 4px;
	float: right;
	background-image: url("../img/gallery/fb.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 28px;
	height: 29px;
	cursor: pointer;
}


.twitter-btn{
	margin: 4px;
	float: right;
	background-image: url("../img/gallery/twitter.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 29px;
	height: 29px;
	cursor: pointer;
}