.look-middle-detail{
	width:90%;
	padding:0 0 10%;
	position: relative;
}

.look-middle {

    margin: auto;
    width: 100%;

    position: relative;
}
}

@media (max-width: 560px) {
	.look-middle{
		width:100%;
		margin:auto;
		padding:0;
		position: relative;;
	}
}
#look-middle .zoomPad{
	max-width: 100%;
}

#lookbook-social-sharing{
	position:absolute;
	top:100px;
	left:0px;
	width:20%;
}
#back-to-lookbook{
	padding:5px;
	border:1px solid #ddd;
}
#back-to-lookbook:hover{
	background-color:#ccc;
	cursor: pointer;
}

.lookbook-navigation-big{
	position:absolute;
	top:150px;
	height:100px;
	width:50px;
	display:none;
}
.lookbook-navigation-big:hover{background-color:#ccc;}
.lookbook-navigation-big a{display:block;width:100%;height: 100%;}
#navigation-look-left{
	background-image:url('../img/flechegauche.png');
	left:0px;
}
#navigation-look-right{
	background-image:url('../img/flechedroite.png');
	right:0px;
}


#lookbook-slide-wrapper{
	overflow: hidden;
	position:relative;
	width:100%;
}

#lookbook-bottom-slide .look-item{
	float:left;
	position: relative;
}

.thumb-navigation{
	position:absolute;z-index:10;
	top:50px;
	background:white;
	border:1px solid #ccc;
	padding:10px;
}
.thumb-navigation:hover{
	cursor: pointer;
	background-color:#ddd;
}

#view_scroll_left{
	left:0px;
}
#view_scroll_right{
	right:0px;
}

#lookbook-bottom-slide .look-item .img{
	background-size:100% auto;
	background-position:center center;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}

#lookbook-bottom-slide .white-filter{
	position: absolute;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
	background-color:rgba(255,255,255,0.5);
}
#lookbook-bottom-slide .white-filter:hover{
	opacity:0.5;
}

#product-list h1
{
	margin: 0 0 0 0;
	margin-bottom: 20px;
}



#product a {
	max-width: 100%;
	height: 140px ;
	margin-bottom: 20px;
	position: relative;
	display: block;
	cursor: pointer;
	opacity:1;
	transition:visibility 0s linear 0.4s,opacity 0.4s linear;


}

.overlay
{
	width : 100%;
	height : 100%;
	position: absolute;
	opacity:0;
	transition:visibility 0s linear 0.4s,opacity 0.4s linear;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 20px;
	color : white;
}
.overlay:hover
{
	opacity:1;
}

#product a:hover
{
	border: 1px solid #ddd;
}

#product a:hover >.overlay, .hover
{
	position: absolute;
	visibility:visible;
	opacity:1;
	color : white;
	transition-delay:0s;
	transition:visibility 0s linear 0.4s,opacity 0.4s linear;
	background: url('../img/overlay-black.png');

}