#art_rec_popup{
	width:1180px;
	position: fixed;
    bottom: 0;
	left: 0;
	right: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
	height: auto;
    overflow: visible !important;
    visibility: hidden;
}
#art_rec_popup .heading{
    border-radius: 2px 2px 0 0;
    border: 1px solid #63a8d6;
    padding: 1px 3px;
    color: #FFF;
    text-transform: uppercase;
    background-color: #0072bc;
    width: 158px;
    border-bottom: none;
}
#art_rec_popup .heading .text{
    font-size: 15px;
    font-weight: 600;
    padding: 3px;
}
#art_rec_popup .close{
	float: right;
	position: absolute;
	right: -7px;
	top: 14px;
}
#art_rec_popup .popup_cont{
   background-color: #eff6f4;
   border: 1px solid #63a8d6;
   padding-top: 11px;
}
#art_rec_popup .popup_cont .title{
	font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
#art_rec_popup #art_rec_slider{
    height: 70px;
    padding: 0px 10px;
}
#art_rec_popup #art_rec_slider  .slick-arrow{
    position: absolute;
    top: 15%;
    cursor: pointer;
    z-index: 9999;
    opacity: .7;
    transition: all ease .3s;
    padding: 10px 5px;
	background-color: transparent;
}
#art_rec_popup #art_rec_slider .slick-prev {
    left: 0;
}

#art_rec_popup #art_rec_slider .slick-disabled{
   opacity: 0.1;
}

#art_rec_popup #art_rec_slider .slick-next {
    right: 0;
}

#art_rec_popup #art_rec_slider :hover .slick-arrow {
    opacity: .7;
    visibility: visible;
}

#art_rec_popup #art_rec_slider  .slick-slide{
	padding: 0px 16px;
	border-right: 1px solid #63a8d6
}
#art_rec_popup #art_rec_slider  .slick-slide img{
   float: left;
   padding-right: 8px;
}

@media(max-width: 1024px){
	#art_rec_popup{
		display: none !important;
	}
}