/*******************
模块名：figure
作者  elynnchen（ 陈红凌）
********************/

/* 图文-基础 */
.figure{ position:relative;overflow:hidden;background:#E0E0E0 url(../../images/tui/figure-default.png?__sprite) no-repeat center center;background-size:74px 54px;}
.figure img{font-size:0;vertical-align:middle;width:100%;height:100%;object-fit:cover;position:relative;}
.figure figcaption{ width:100%;height:24px;line-height:24px;padding-left:8px;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,.4);
    color: rgba(255, 255, 255, 0.5)
}

.figure .figure-mask{opacity:0;top:0;left:0;position: absolute;width:100%;height: 100%;display: block;z-index: 2;background: rgba(0, 0, 0, 0.6);}

.figure.default-m{background-size:50px 36px;}
.figure.default-s{background-size:44px 32px;}
.figure.default-xs{background-size: 29px 21px;}
/* 图文-图片圆角 */
.figure.c{ border-radius:100%;}

/* 图文-文本信息 */
.figure-info .figure-summary,.figure-info .figure-info-tit,.figure-info .figure-info-subtit,
.figure-info .figure-info-tit a{  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.figure-info .figure-info-subtit,.figure-info .figure-summary{font-size:13px;color:#858585;}
.figure-info .figure-info-tit,.figure-info .figure-info-tit a{font-size:14px; }
.figure-info .figure-info-tit a{color:#333; display:block;cursor:pointer;}
.figure-info .figure-info-tit a:hover{color:#f69c00;}
.figure-info p{font-size:13px;}
.figure-other .item{color:rgba(0, 0, 0, 0.6);height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.figure-other .f-left{float:left;max-width:60%}
.figure-other .f-right{float:right;max-width:40%;text-align:right;}


/* 图文-图片100% */
.tui-figure .figure{ width:100%;}
/* 图文-横排 */
.tui-figure-h{position:relative;}
.tui-figure-h:after{content:"";display:block;width:0;height:0;clear:both;}
.tui-figure-h .figure{width:200px;margin-right:20px;height:inherit;position: absolute;top:0;left:0;}
.tui-figure-h .figure-info-wp{height:inherit;padding-left:200px}
/* 图文-重叠 */
.tui-figure--cover,.tui-figure--cover .figure{ position:relative; border-radius: 4px;}
.tui-figure--cover .figure-info{width:100%;min-height:30px;position:absolute;background:#fff;bottom:0;z-index:3;padding:10px 18px;}
.tui-figure--cover .defined-bg {/* 自定义颜色 */ position: absolute; z-index: 0; width: 100%; height: 90px; display: block; bottom: 0; }
.tui-figure--cover .figure{border-radius: 4px;}
/* 图片上层的信息*/
.figure-cover-info{ position:absolute; bottom:0;width:100%; text-align:center;   z-index: 1;}
.figure-cover-info .info-item{ height: 28px; width:100%;}


/* 图文-带背景色块状*/

.tui-figure--block .figure{margin-right:0;}
.tui-figure--block .figure-info {padding:14px 20px; height: inherit;background: #fff;}

/* 图文-hover态 */



/*选择以  tui-figure开头的Hover状态*/
[class^="tui-figure"].active{
    position: relative;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -ms-transition: all .2s linear;


}
[class^="tui-figure"].active:hover{
    z-index: 2;
    transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    box-shadow: 0 7px 14px -3px rgba(0, 0, 0, .1), 0 8px 16px -8px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 7px 14px -3px rgba(0, 0, 0, .1), 0 8px 16px -8px rgba(0, 0, 0, .2);
}