.post-slide{
    position:relative;
    padding-right:14px;
}
.post-slide .post-img{
    position: relative; width: 70%; margin: 0 auto
}
.post-slide .overlay{
 
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease 0s;
}
.post-slide  .post-img:hover .overlay{
    opacity:1;
}
.post-slide .overlay > i{
    position: absolute;
    top:40%;
    left: 45%;
    opacity:0;
    color:#e74c3c;
    transform:translate(-50%, -50%) scale(8);
    transition:transform 0.40s linear, opacity 0.40s linear;
}

.post-slide .post-review{
    padding:17px 17px 17px 5px;
    background: #fff;
}
.post-slide .post-comment{
    float:left;
    margin:0;
    padding:7px 0 0 0;
    line-height:1;
    text-align:center;
}
.post-slide .post-comment li{
    list-style:none;
    margin-left: 30px;
    text-align: left;
    color:darkgray;
    font-size: 13px;
}
.post-slide:hover .post-comment li{
    color:#e74c3c;
}
.post-slide .post-comment li small{
    display:block;
    margin-bottom:10px;
    font-size: 13px;
    text-transform: capitalize;
}
.post-slide .post-comment li a,
.post-slide:hover .post-comment li small{
    color:darkgray;
}
.post-slide .post-comment li:after{
    content: "";
    border-bottom:1px solid lightgray;
    margin-bottom:10px;
    display: block;
}

.post-slide .post-title{
    margin: 0; text-align: center;
    /*padding: 0 0 0 70px;*/
}
.post-slide .post-title > a{
    font-size:17px;
    color: #444;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 1px;
    font-weight: bold;
}
.post-slide .post-title > a:hover{
   
}
.post-slide .post-description{
    font-size:13px;
    color:gray;
    line-height:21px;
    padding: 0 0 0 30px;
}

#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 100%;
   
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

#slideshow > div > img {
	width:100%;
max-width: 100%;
	
}

#slideshow:hover i, #slideshow:hover .slider-dots{
	opacity: 1;
	}

.slidebtn {
	z-index:99;
	background:transparent;
	outline:none;
	border:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
	}

.slidebtn:active,
.slidedtn:focus {
	outline:none;}
	
.slidebtn i {
	color:#FFF;
	font-size:72px;
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	}

.prev {
    position: absolute; 
    top: 10px; 
    left: 10px; 
    bottom: 10px;
}

.next {
    position: absolute; 
    top: 10px; 
    right: 10px; 
    bottom: 10px;
}


.slider-dots {
	opacity: 0.2;
  list-style: none;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
  position:absolute;
  left:50%;
  bottom:3%;
  transform: translate(-50%, 0);
  z-index:99;
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

.slider-dots li {
  color: #000;
  display: inline;
  font-size: 48px;
  margin-right: 5px;
  cursor:pointer;
}

.slider-dots li.active-dot {
  color: #fff;
}

.products-name{font-size: 15px; text-align: center; padding: 15px}
.carousel-indicators li {background-color: #ccc}