

#bb_bigboxclose:hover,
.bb_bigbox_teaser:hover{
cursor: pointer;	
}

#wrapper #bb_bigboxclose {
    right: 0;
    top: 0;
    position: fixed;
    padding: 1rem;
    text-align: right;
	font-size: 2em;
	width: auto; 
	color: white; 
}

.bigbox_previous:hover,
.bigbox_next:hover{
	cursor:pointer;

}

.bigbox_previous{
position: absolute; 
left:1rem;
color:white	;
	font-size: 2rem;
}

.bigbox_next{
position: absolute; 
right:1rem;
color:white;	
	font-size: 2rem;
}

*[data-bb="bigbox"]{
cursor: pointer;
}

body #wrapper .bb_bigbox{
	display: flex;	
	opacity:0;
	visibility: hidden;
    background-color: rgba(0,0,0,.9);
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 500;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
	margin:0;
	text-align:center; 
	transition: all 500ms ease;
cursor: pointer;	
}
.bb_bigboxpicture{
	    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
	       
}

.bb_bigboxcontent::-webkit-scrollbar {
display:block;
		width: 10px; 
			background:transparent; 	
	}

.bb_bigboxcontent::-webkit-scrollbar-thumb{
	background: #999;	
	}

.bb_bigboxcontent > *
 {
    width:100%;
    cursor: auto;
	
}

.bb_bigboxcontent.full{
padding:0; 
margin:0;	
max-width: 80%; 
max-height: 80%;
height: 80%;
width: 80%;
}



.bb_bigboxcontent{
	background-color: #FFF;	
	max-width: 1280px; 
	padding:4em;
	display: flex; 
	justify-content:flex-start; 
	flex-wrap:wrap; 
	width: 90%;
	    max-height: calc(100vh - 120px);
	overflow-y:scroll;
	box-sizing:border-box;
	 align-content: flex-start;
    align-items: flex-start;
}

.bb_bigboxcontent .bb_description{
	padding-bottom: 1rem;
	padding-top: 0;
}


body #wrapper .bb_bigbox.active{
	display: flex; 
	opacity: 1; 
	visibility: visible;
}


.bb_bigboxcontent picture{
	justify-content:center;
}

@media screen and (max-width: 1300px){

.bigbox_previous,
.bigbox_next {
bottom: 10px;	
}
}



@media screen and (max-width: 500px){
	.bb_bigboxcontent{
	padding: 1em;	
	}
	
}