@charset "utf-8";
	 
.download{height:44px!important;line-height: 44px!important;font-size: 16px!important; }	 
.main ul li img {border-radius: 6px 6px 0 0;}	 
.main ul{*overflow:hidden;_height:1%;}
.main ul li{float:left;display:inline;list-style:none;margin:6px 0;background:#FFF;width:275px;border-radius:8px;-webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;}		  
.names {font-size: 18px;color: #444;line-height: 45px;display: block;}		  
.masks {position: absolute; top: 0;left: 0; width: 100%;height: 100%;background: rgba(0, 0, 0, .45);opacity: 0; filter: Alpha(opacity=0);}		  
.main ul li:hover .masks { opacity: 1; filter: Alpha(opacity=100);border-radius: 6px;}		  
.waterfall .btn-wrap {position: static;}	  
.main ul li .download { position: absolute;left: 0; bottom: 120px;width: 50%; margin: 0 24%;opacity: 0; filter: Alpha(opacity=0);
-webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}		  
.main ul li .download i { padding-right: 5px;font-size: 16px; vertical-align: top;}	
.main ul li .btn-wrap .btn.zan {margin-left: -50px;}		  
.main ul li .btn-wrap .btn {position: absolute; bottom: 50px; left: 50%; width: 38px; height: 38px;  text-align: center; line-height: 38px; background: #000;
 background: rgba(0, 0, 0, .35); border-radius: 50%; padding: 0; font-size: 20px;overflow: hidden; color: #fff; opacity: 0; filter: Alpha(opacity=0);
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
.main ul li .btn-wrap .btn i { width: 100%; height: 100%; position: absolute;top: 0;left: 0;}
.main ul li .btn-wrap .btn .yes {color: #ff9e19;display: none;}
.main ul li .btn-wrap .btn i {width: 100%;height: 100%;position: absolute; top: 0;left: 0;}
.main ul li .btn-wrap .btn.actived .no{display: none;}
.main ul li .btn-wrap .btn.actived{background: rgba(0, 0, 0, .35);}
.main ul li .btn-wrap .btn.actived .yes{display: block;}
.main ul li:hover .btn-wrap { z-index: 13;position: static;}		  
.main ul li:hover .btn-wrap .download, .main ul li:hover .btn-wrap .btn {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}		  
.main ul li:hover .btn-wrap .download, .main ul li:hover .btn-wrap .btn {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}		  
.main ul li:hover .btn-wrap .download, .main ul li:hover .btn-wrap .btn {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.main ul li:hover {
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
    -webkit-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    /* transform: translate3d(0, -3px, 0); */
}	 

.main ul li dl{padding: 0px 10px 10px 10px;}
.main ul li dl dd {
    float: left;
    width: 50%;
    color: #9c9b9b;
}		  
.main ul li dl i {
    font-size: 18px;
    padding-right: 5px;
}		  
.main ul li dl dd {
    float: left;
    width: 50%;
    color: #9c9b9b;
}
	.main ul li .name {
    font-size: 18px;
    color: #444;
    line-height: 45px;
    display: block;
	padding: 0px 10px;	
}