.hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; }
.hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 108px; left: 0; /* background-color: rgba(75,75,75,0.7);*/
-webkit-transition: all 0.4s ease-in-out; transition: all 0.7s ease-in-out; }
.hovereffect:hover .overlay {/*background-color: #f08213;*/top: 103px;}
.hovereffect img { display: block; position: relative; }
.hovereffect h2 { font-weight: bold; text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; background: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.hovereffect:hover h2 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px0px); transform: translateY(0px); }
.hovereffect a.info { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; /* border: 1px solid #fff;*/
background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-weight: normal; margin: -52px 0 0 0; padding: 62px 100px; }
.hovereffect:hover a.info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.hovereffect a.info:hover { /* box-shadow: 0 0 5px #fff;*/
}
.product_hover { margin-top: 42px; }
.hovereffect p {color: #f08213;padding: 15px !important;background-color: #f08213;width: 100%;padding: 0;font-weight: 500;font-size: 14px;opacity: 0;transition: all 0.7s ease-in-out;}
.hovereffect:hover p {color: #080f45;opacity: 1;}