.productbox { width:100%;}              
 .productbox .item_block{
     width: auto;
     max-width: 100%;
     
      border: 1px solid #dee;
     border-right: none;
     padding: 10px;
   
 }
 
 .productbox .row>div:last-child  .item_block{border-right: 1px solid #dee;}
 .productbox .item_block  .item_img {  text-align:center; background-color:#efefef;}
 .productbox .item_block  .item_img img { display:inline-block;
     padding: 0px;height:157px; width:auto;
 }
 .productbox  .item_date{ font-family:webentype; font-size:14px; position:relative; letter-spacing:1px; font-weight:bold}
 .productbox  .item_date span { position:absolute; top:-2px; left:0; font-size: 22px;}
 
  
 
  
 .productbox .item_block:hover .item_box .item_wrapper{
     background-color:transparent; 
 }
 .productbox .item_block .item_tags{
     display: block;
     position: absolute;
     bottom: 33px;
     padding: 0;
     height: 24px;
 }
  
 .productbox .item_block  .title{
     text-align: left; color:#333;
     font-size: 16px;
 }
 .productbox .item_block  p.title { margin-top:5px;}
 .productbox .item_block  .item_des  { margin-top:13px;}
 .productbox .item_block  .item_des .description {
     transition: all 0.36s ease;
     font-size: 14px;
     line-height: 26px;
     height: 52px;
     overflow: hidden;
     color: #999;
 }
 .productbox .item_block .item_box .item_wrapper .item_info .subtitle{
     text-align: left; color:#666;
     font-size: 14px; margin-top:5px;
 }
 
  
 .productbox .item_block:hover .item_box .item_wrapper .item_info .title{
     color: #333;
 }
  
  
 .productbox .item_block .item_box .item_wrapper {
     padding: 0 5px;
 }
 
 .productbox .item_block  .item_wrapper>span {
     display: inline-block;
     margin-left: 0;
     position:relative;
     border: none;
     font-family: 'Times New Roman', Times, serif;
     margin-top: 20px;
     padding: 0;
     color: #1e61ba;
 }
 
 .productbox .item_block .item_wrapper>span::before {
     content: "";
     width: 40px;
     height: 1px; overflow:hidden;
     border-top:#1e61ba solid 1px;
     display: block;
     position: absolute;
   bottom: -5px;
   
   
   
   
   
   
 }
 
 
 
 .productbox .item_block .item_img:before{
     content:"";
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 1;
 }
 .productbox .item_block:hover .item_img:before{
     animation: gradient-rectangle 1s 1;
     animation-delay: 0s;
     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
     animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
     
 }
 
 
 @-webkit-keyframes gradient-rectangle {
     0% {
         -webkit-transform: scaleY(0);
         transform: scaleY(0);
         -webkit-transform-origin: bottom;
         transform-origin: bottom;
         background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
         background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
         background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
         background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
         background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
         opacity: 1;
         
       }
     
       100% {
         -webkit-transform: scaleY(1);
         transform: scaleY(1);
         -webkit-transform-origin: top;
         transform-origin: top;
         background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
         background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
         background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
         background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
         background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
         opacity: 0;
       }
      
     } 
 
  @media  (max-width:1024px) { .productbox .item_block{
   
     margin-bottom:20px;
 }
  }
  @media  (max-width:968px) { 
  
  .productbox .item_block .item_box .item_wrapper .item_info .title{
     text-align: left; color:#333;
     font-size: 14px;
 }
 .productbox .item_block .item_box .item_wrapper .item_info .subtitle{
     text-align: left; color:#666;
     font-size: 12px; margin-top:5px;
 }
 
  }
  
   @media  (max-width:750px) { 
   
   .productbox .row>div:last-child  .item_block{ }
  
   }
 
 
  @media (max-width:480px){
      
     
     .productbox .item_block {
  
     padding: 15px 10px;
 }
      
  }