.videocontainer{
    clear:both;
}
@media (min-width:768px){
.videocontainer .item{
   padding-bottom:15px;
   width: 25%;
}
}
@media (max-width:767px){
    .videocontainer .item{
        display:inline-block;
        width:100%;
        margin-bottom:10px;
    }
}
.videocontainer .item-container {
  background-color: #000;
  float: left;
  height: 180px;    
  overflow: hidden;
  position: relative;    
  width:100%;
}
.videocontainer .item .videotitle {
  background-color: rgba(3, 3, 3, 0.6);
  cursor: pointer;
  display: block;
  height: 180px;
  left: 0;
  padding: 10px 15px;
  position: absolute;
  top: 140px;
  width: 100%;
  z-index: 2;
}
.videocontainer .item .videotitle:hover{
    top:0px;    
}
.videocontainer .item .videotitle {
    opacity:1;
		-webkit-transform:translateY(-10%);
	       -moz-transform:translateY(-10%);
	         -o-transform:translateY(-10%);
	            transform:translateY(-10%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;		 
}	
.videocontainer .item .videotitle:hover {
     opacity:1;
	    -webkit-transform:translateY(0%);
	       -moz-transform:translateY(0%);
	         -o-transform:translateY(0%);
	            transform:translateY(0%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
}	
.videocontainer .item .videotitle:hover a {
    text-decoration:none;
}
.videocontainer .item .videoimage a {
  display: block;
}
.videocontainer .item .videoimage a img {
  border: medium none;
  height: 180px;
  width: 100%;
}
.videocontainer .item .videotitle a, .videocontainer .item .videotitle a:link, .videocontainer .item .videotitle a:visited {
  color: #fff !important;
  display: table-cell;
  line-height: 18px;
  vertical-align: bottom;
}
.videocontainer .item .videotitle a span.video-tt {
  display: block;
  font-size:14px;
  height: 36px;
  line-height: 18px;
  margin-bottom: 10px;
  overflow: hidden;
}
.videocontainer .item .videotitle a span.video-descript {
  display: block;
  height: 90px;
  line-height: 18px;
  overflow: hidden;
}
.icon-player {
  background: transparent url("../img/video/icon-player.png") no-repeat scroll left top !important;
  height: 45px;
  left: 41%;
  position: absolute;
  top: 35%;
  width: 45px;
  z-index: 1;
}
.most-view-video img{
    max-height:75px;
    width:100%;
}
.most-view-video  .recent-news-inner a{
    line-height:18px;
    max-height:36px;
    overflow:hidden;
    display:block;
    width:100%;
}
.most-view-video  .recent-news-inner p{
    line-height:18px;
    max-height:36px;
    overflow:hidden;
    display:block;
    width:100%;
}