@charset "utf-8";
.mian{ width:1220px; margin:0 auto;}
.band{ width:100%; text-align:center;}
.band img{ width:100%;}
.mian .small-nav{ width:100%; height:40px; line-height:40px;}
.mian .small-nav .nav-block{ float:left;color:#666; font-size:14px;}
.mian .small-nav .nav-block a{color:#666; font-size:14px;}
.mian .small-nav .nav-block a:hover{color:#e1670f;}
.mian .small-nav .right-arrow{ float:left; width:20px; height:40px; background:url(../images/index/jiantou.png) no-repeat center;}
.mian ul li{ width:370px; float:left; margin:0 50px 40px 0;box-shadow:0 0 40px -5px rgba(0, 0, 0, 0.15);transition:all 0.15s linear 0s;}
.mian ul li .img{ width:370px; height:234px; overflow:hidden; position:relative;}
.mian ul li .img img{ width:370px; height:234px;transition: all 0.6s ease 0s;}
.mian ul li .img a:hover img{transform: scale(1.1);}
.mian ul li .img .play{
   background: rgba(0, 0, 0, 0.5) url(../images/index/play.png) no-repeat scroll 16px center;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    height: 35px;
    line-height: 16px;
    padding: 5px 0 0;
    position: absolute;
    text-align: center;
    width: 40px;
    z-index: 1;
	top:99px;
	left:165px;
}
.mian ul li .img .play span{color:#fff;display:none;font-weight:bold;}
.mian ul li .img a.play:hover{  background: rgba(245,103,32, 0.8);}
.mian ul li .img a.play:hover span{ display:inline;}

.mian ul li a{ display:block;}
.mian ul li a.name{ font-size:16px; width:350px; color:#222222; padding:10px;}
.mian ul li .socials{ padding:0 10px; margin-bottom:10px;}
.mian ul li .socials .social-item{
    color:#999999;
    float: right;
    font-size: 12px;
    height: 24px;
    margin: 0 0 0 20px;
    vertical-align: middle;
}
.mian ul li .socials .social-item::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mian ul li .socials .social-item a{ display:inline-block;}
.mian ul li .socials .social-item i{display:inline-block;margin:0 2px 0 0;vertical-align:middle;}
.mian ul li .socials .social-item .icon-like{ background: rgba(0, 0, 0, 0) url(../images/index/like.png) no-repeat scroll center center / cover ;
    height: 14.7px;
    width: 16px;}
.mian ul li .socials .social-item .icon-read{ background: rgba(0, 0, 0, 0) url(../images/index/read.png) no-repeat scroll center center / cover ;
    height: 11.3px;
    position: relative;
    top: -1.5px;
    width: 16px;}

.mian ul li.last{ margin-right:0;}
.mian ul li:hover{transform: translateY(-10px);}