update

css/lantern-festival.css

@@ -74,12 +74,14 @@ h3 { font-size: 20px; margin: 35px 0 20px; font-weight: 300; }
 .photoAdsTable tr:nth-child(2n) td { background: #f2f2f2; }
 .photoAdsTable tr:nth-child(2n+1) th { background: #fff; }
 .photoAdsTable tr:nth-child(2n) th { background: #f2f2f2; }
-.videoBg { height: 432px; position: relative; width: auto; }
-.videoBg video {right: 0; top: 0; width:100%; height: auto; z-index: -100; position: absolute;}
+.videoBg { height: 100%; position: relative; width: 100%; display: block;padding-bottom: 22.6%;}
+.videoBg video {right: 0; top: 0; width:100%; height: 100%; z-index: -100; position: absolute;}
 .videoBg .textBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); }
 .videoBg .textBg h1 { display: block; width: 100%; text-align: center; font-size: 40px; position: absolute; left: 0; top: calc(50% - 45px); height: 90px; color: #fff; border-bottom: none; font-weight: 300; text-shadow: 0 1px 10px rgba(0,0,0,.8); letter-spacing: 0.05em; }
-.videoBg .textSmall { display: block; width: 100%; text-align: center; font-size: 25px; position: absolute; left: 0; top: calc(60% - 30px); height: 90px; color: #fff; border-bottom: none; font-weight: 300; text-shadow: 0 1px 10px rgba(0,0,0,.8); letter-spacing: 0.05em; }
 .promotionBox { display: block;background:#a31022; text-align:center; padding:10px; color:#d1d1d1; font-size:16px; margin-top:-2px;}
 .promotionBox a { color:#fff; display: inline-block; margin-left:20px; text-decoration: none;}
 .promotionBox a:hover { text-decoration: underline; color:#fff;}
-.promotionBox .fa { font-size:200%; vertical-align: middle; margin:-5px 0 0 5px;}
+.promotionBox .fa { font-size:200%; vertical-align: middle; margin:-5px 0 0 5px;}
+.bannerText{overflow: hidden;display: block;position: absolute;width: 100%;height: 70px;top: calc(50% - 35px);}
+.bannerText h1{color: #fff;border-bottom:none;text-align: center}
+.bannerDate{font-size: 20px}