.media-dialog{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.2);box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.15);border-radius:3px;width:600px;height:450px;background-color:#fff;z-index:2002}.media-dialog-top{cursor:move;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:3px 3px 0 0!important;background:#f8f8f8!important;color:#222;font-weight:700;font-size:12px;height:35px;line-height:35px;padding:0 10px}.media-dialog-top i{cursor:pointer}.media-dialog .dialog-content{padding:10px 20px}.media-dialog .dialog-content .content-title{color:#303133;font-size:14px;font-weight:700;margin-bottom:6px;overflow:hidden}.media-dialog .dialog-content .content-title .reg-name{float:left}.media-dialog .dialog-content .content-title .num-count{float:right}.media-dialog .dialog-content .main{margin-bottom:6px}.media-dialog .dialog-content .main img,.media-dialog .dialog-content .main video{width:100%;height:370px}.media-dialog .dialog-content .main video{background-color:#000}.media-dialog .dialog-content .content-footer{line-height:20px;font-size:14px}.media-dialog .dialog-content .content-footer .title{color:#909399;vertical-align:top}.media-dialog .dialog-content .content-footer .value{color:#303133}.media-dialog .dialog-content .content-footer .value.position{display:inline-block;max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}