@charset "UTF-8";
/**
 * @file videos.scss
 * @public
 * 视频列表样式
 */
/**
 * @file _variable.scss
 * @private
 * @overview
 * colors
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
/**
 * @file _extends.scss
 * @private
 * @overview
 * @warn 这个模块必须在具有生成css目标文件的scss的中引入，而不要在私有scss文件中引入，否则会生成大量重复样式
 *
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
.video .blk-shimming {
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s; }

.collection-videos {
  margin-left: -18px; }

.video {
  margin-left: 24px;
  margin-bottom: 30px;
  overflow: auto;
  width: 296px;
  background-color: #f9f9f9; }
  .video .video-time {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background-color: rgba(0, 0, 0, 0.4);
    background: #000 \9 ;
    /*IE*/
    filter: alpha(opacity=50);
    /*IE*/
    border-radius: 4px;
    padding: 0px 8px 0px 8px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 28px; }
  .video .thumbnail {
    display: block;
    width: 100%;
    height: 200px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }
  .video h3 {
    padding: 8px 10px 5px;
    white-space: normal;
    height: 70px; }
  .video .W-model-stats {
    padding: 0 10px 10px; }

.video .blk-shimming {
  background: #000 url(/res/default/img/bg_video.png) no-repeat 50% 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity; }

.video:hover .blk-shimming {
  opacity: 0.5;
  filter: alpha(opacity=50); }

/*# sourceMappingURL=videos.css.map */