/* CSS Document */

/* Dimensions set via css in MovingBoxes version 2.2.2+ */

#featured { width: 80vw;  }
#featured li { width: 400px; }
#featured li.current { width: 600px;}


#featured fieldset { 
	position:relative;
	border:none; 
	width:fit-content;
	margin: auto;
	/*padding: 30px 50px 100px 50px;*/
}

/*#featured .current fieldset{margin: 0 60px;}*/

#featured fieldset .artist-name{
	text-transform:uppercase;
	font-weight:bold;
}


#featured fieldset:hover .artist-name,#featured fieldset:hover .collection-name{
	position:absolute;
	width:100%;
	height:252px;
	display:block;
	left:0;
	text-align:center;
	z-index:99999;
}

#featured .hover_box{
	display:block;
	position:absolute; 
	top:0;
	left:0;
	z-index:9999; 
	width:100%;
/*	height:100%;
	padding:25px 0;	*/
	height:150%;
}
#featured .hover_box:hover{
	background:#FFF;
	-webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;

}
#featured .hover_box div{
	position:relative;
    display: table-cell;
    vertical-align: middle;
	text-align:center;
	width:45%;
	padding:2.5%;
	height:250px;
}

#featured .hover_box img{
	width:100%;
	max-height:180px;
	overflow:hidden;
	display:none;
  -webkit-box-reflect: below 0px 
	  -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), to(rgba(255, 255, 255, 0.2)));	
}
#featured .hover_box:hover img{
	display:block;	
}
#featured .hover_box a{
	position:absolute;
    vertical-align: middle;
	text-align:center;
	width:50px;
	margin:0 45px;
	height:50px;
	color:#AAA;
	z-index:99999;	
	display:none;
}
#featured .hover_box:hover a{
    display: block;	
	cursor: pointer;
}


#featured .img_box{ 
	position:relative;
	text-align:center;
	color:#CCC;
	display: block;
	margin: auto;	
}

#featured .img_box .linked-img, #featured .img_box .series-img{
	position:relative;
	text-align:center;	
	vertical-align: middle;
	/*width:320px;*/
	height:360px;
	text-decoration:none;
	margin-bottom: 10px;
	display:table-cell;
	margin: auto;	

}


#featured .img_box img{
	display: table-cell;
	text-align:center;	
	vertical-align: middle;	
	max-height:200px;
	max-width:200px;
/*		margin:auto;*/
  -webkit-box-reflect: below 0px 
	  -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), to(rgba(255, 255, 255, 0.2)));
		
}
#featured .current .img_box img{
	max-height:340px;
	max-width:340px;
}

#featured .current .img_box *{    
	-webkit-transition: 1s; /* Safari */
    transition:  1s
}		
	

#featured .mb-panel .hover_box{
	display:none;
}
#featured .mb-panel.current .hover_box{
	display:block;
}