@charset "utf-8";

div.photo_box { display:inline-block; position:relative; cursor: pointer; background-color: rgba(0,0,0,.3); margin: 20px; border-radius: 10px; bottom: 0 }
div.photo_box .photo_preview { display:inline-block; width: 360px; height: 240px; line-height: 240px; text-align: center;  }
div.photo_box .photo_preview img { vertical-align: middle; }
div.photo_box .photo_title { display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fff; padding:10px; background-color:rgba(0,0,0,.3); line-height: 100%; font-size:16px; user-select: none;}

div.video_box { display:inline-block; position:relative; cursor: pointer; background-color: rgba(0,0,0,.3); margin: 20px; border-radius: 10px; }
div.video_box .video_preview { display:inline-block; width: 400px; height: 225px; line-height: 225px; text-align: center;  }
div.video_box .video_preview img { vertical-align: middle; }
div.video_box .video_title { display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fff; padding:10px; background-color:rgba(0,0,0,.3); line-height: 100%; font-size:16px; user-select: none;}