/*
 * ファイル選択ダイアログ共通用CSS
 */

#fileSelectModal .file-list-container
{
  width: 100%;
  height: 360px;
  min-height: 360px;
  max-height: 360px;
  overflow-y: scroll;
  overflow-x: auto;
}

#fileSelectModal .media-container{
  display: inline-block;
  padding: 4px;
}

#fileSelectModal .media-container:hover{
  background-color: #92ceff;
}

#fileSelectModal .media-container.media-selected{
  background-color: #007ad9;
  color: white;
}

#fileSelectModal .media-content{
  width: 112px;
  height: 112px;

  position: relative;
}

#fileSelectModal .media-content img{
  width: 100%;
  height: 100%;
  z-index: -100;
}

#fileSelectModal .media-content video {
    width: 100%;
    height: 75%;
    z-index: -100;
}

#fileSelectModal .media-content a.fancybox{
  position: absolute;
  padding: 2px 4px;
  right: 0;
  bottom: 0;

  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
}

#fileSelectModal .media-container:hover .media-content a.fancybox{
  display: inline-block;
}

#fileSelectModal .media-content.thumbnail{
  margin-bottom: 0px;
}

#fileSelectModal .media-name{
  width: 112px;
  font-size: 0.8em;
  height: 1.4em;
  text-align: center;
  overflow: hidden;
}

#fileSelectModal .media-list-container img{
  width: 100%;
  height: 100%;
  z-index: -100;
}

#fileSelectModal .media-list-container video{
  width: 100%;
  height: 75%;
  z-index: -100;
}