.plugin_diapo_fancy a {
	width: 24%;
	float: left;
	margin: 5px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.plugin_diapo_fancy img {
	width: 100%;
}
.plugin_diapo_fancy {
	margin-top: 30px;
}


.diapo-produit a {
	width: 32%;
	overflow: hidden;
	height: 209px;
	display: inline-block;
	position: relative;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	margin: 5px;
}
.prod-left .diapo-produit a {
    float: left;
}

.prod-right .diapo-produit a {
    float: right;
}

.plugin_diapo_fancy a:before{
    opacity: 0;
 font-family: "Loupe";
content: "\f100";
color: #fff;
background: rgba(164, 9, 48, 0.3);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 144px;
text-align: center;
font-size: 23px;
    -webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;    
}

.plugin_diapo_fancy a:hover:before{
    opacity: 1;
    
}
.diapo-produit a img{
    width: 100%;
}
.diapo-produit .plugin_diapo_fancy a:nth-child(n+7) {
    display: none;
}
@media(max-width:1200px){
    .plugin_diapo_fancy a {
	width: 23%;
	height: 151px;
	
}


}
@media(max-width:991px){
    
    .plugin_diapo_fancy a {
	width: 23%;
	height: 111px;
	
}
}

@media(max-width:767px){



}   
}