.goods-video-wrap {
								padding: 5px 0;
								text-align: center;
							}

							.btn-video-view {
								display: inline-block;
								width: 100%;
								max-width: 320px;
								padding: 9px 16px;
								background-color: #CCDCD5;
								color: #000;
								border: none;
								border-radius: 12px;
								font-size: 16px;
								text-align: center;
								cursor: pointer;
							}

							/* dim */
							.video-layer-dim {
								display: none;
								position: fixed;
								left: 0;
								top: 0;
								width: 100%;
								height: 100vh;
								background: rgba(0, 0, 0, 0.65);
								z-index: 99998;
							}

							/* popup */
							.video-layer-popup {
								display: none;
								position: fixed;
								left: 50%;
								top: 50%;
								width: 90%;
								max-width: 420px;
								background: #000;
								transform: translate(-50%, -50%);
								z-index: 99999;
								box-sizing: border-box;
							}

							.video-layer-close {
								position: absolute;
								right: 0;
								top: -46px;
								width: 40px;
								height: 40px;
								border: 0;
								background: transparent;
								color: #fff;
								font-size: 38px;
								line-height: 40px;
								cursor: pointer;
								z-index: 100000;
							}

							.video-layer-inner {
								position: relative;
								width: 100%;
								background: #000;
								overflow: hidden;
							}

							.video-layer-inner iframe {
								position: absolute;
								left: 0;
								top: 0;
								display: block;
								width: 100% !important;
								height: 100% !important;
								border: 0;
							}

							body.video-layer-open {
								overflow: hidden;
							}

							@media (max-width: 768px) {
								.video-layer-popup {
									width: 88%;
									max-width: 420px;
								}

								.video-layer-close {
									right: 0;
									top: -44px;
								}
							}