@charset "utf-8";
.thumbnail-a{overflow:hidden;font:14px/22px "Microsoft YaHei","微软雅黑","SimHei","黑体",sans-serif;color:#fff;}
.thumbnail-a .img{position: relative;}
.thumbnail-a .mask,
.thumbnail-a .msk_txt {
    background: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    /*display: none;
    _display: none;*/
    -webkit-backface-visibility: hidden;transition: opacity .3s ease;cursor: pointer;}
.thumbnail-a img{display: block;overflow: hidden;}
.thumbnail-a .msk_txt{color:#fff; text-align:center; z-index:2;background:none;}
.thumbnail-a .msk_txt .txt_table{display:table;width:100%; height:100%;}
.thumbnail-a .msk_txt .msk_txt_cont{ display:table-cell;padding:20px; vertical-align:middle;}

.thumbnail-a a{position: relative;display: block;width:100%;height: 100%;overflow: hidden;}
.thumbnail-a a:link .caption{color:#fff;text-decoration: none;}
.thumbnail-a a:visited .caption{color:#fff;text-decoration: none;}
.thumbnail-a a:hover .caption, .thumbnail-a a:active .caption{color:#fff;text-decoration: none;}
.thumbnail-a a:hover .mask{left:0 ;filter: alpha(opacity=20); opacity: 0.2;}
.thumbnail-a a:hover .msk_txt{left:0 ;filter: alpha(opacity=100); opacity: 1; }

.thumbnail-a{position: relative;display: block;}
.thumbnail-a .caption{position:absolute; left:0; bottom: 0; color:#fff;font-weight: normal;text-indent: 10px;width:100%;cursor: pointer;}
.thumbnail-a .caption h3,.thumbnail-a .caption h4,.thumbnail-a .caption h5{font-weight: normal;font-size: 14px;line-height:30px;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.thumbnail-a .bg{position:absolute;left:0;bottom:0;width:100%;height: 50px;background: url(../../../images/gradient_b.png) repeat-x 0 0;_background:none;}
.thumbnail-a-video .ico{position:absolute; left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;height: 50px;display:block;overflow: hidden; background: url(../../../images/ico_a.png) no-repeat center center;transition: background .3s ease;cursor: pointer;}
.thumbnail-a-video a:hover .ico{background-image: url(../../../images/ico_a_hover.png);}
.thumbnail-a-album .ico{position:absolute; right:10px;top:10px;display:block;width:25px;height: 20px;overflow: hidden; background: url(../../../images/ico_b.png) no-repeat;}
.thumbnail-a .caption .ico2{ width: 18px; height: 18px; float: left; background:url(../../../images/ico_play.png) no-repeat; margin:5px -5px 0 6px; }

/*标题在图片外*/
.thumbnail-a-out .caption{position: static;width: auto;padding:5px 0;text-indent: 0;color:#333;}
.thumbnail-a-out a:link .caption{color:#333;text-decoration: none;}
.thumbnail-a-out a:visited .caption{color:#333;text-decoration: none;}
.thumbnail-a-out a:hover .caption, .thumbnail-a-out a:active .caption{color:#0077dd; text-decoration: underline;}

.thumbnail-a-out .caption h6{font-weight: normal;font-size: 14px;line-height: 30px;text-align: center;}
.thumbnail-a-out .caption p{ text-align: center; color: #999;margin-top: -2px;}
.thumbnail-a-out a:hover p{ color: #0077dd; text-decoration: underline;}

/*热门明星--圆角*/
.thumbnail-a-circle img,.thumbnail-a-circle .mask,.thumbnail-a-circle .bg{border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;}
.thumbnail-a-circle .mask{
    filter: alpha(opacity=20);
    opacity: 0.2;
    left: 0;}
.thumbnail-a-circle a:hover .mask{transition: opacity .3s ease;left:-100% ;filter: alpha(opacity=0); opacity: 0;-webkit-backface-visibility: hidden;}
.thumbnail-a-circle .caption h3,.thumbnail-a-circle .caption h4,.thumbnail-a-circle .caption h5{line-height: 20px;text-align: center;}
.thumbnail-a-circle .caption{padding: 7px 0 17px;}

/*列表排列*/
.thumbnail-Ls{ padding-bottom:10px;}
.thumbnail-Ls .thumbnail-a{ float:left; margin-right:10px; display:inline; margin-bottom:10px;}