.goods-image-panel {
  position: relative;
}
.goods-image {
  width: 750rpx;
  height: 750rpx;
  vertical-align: bottom;
}

.goods-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAMAAADxhdbJAAAAulBMVEUAAAAAAAAAAAAAAAAAAAAAAACBgYEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+/v5iYmIrKysaGhoQEBAAAAAAAAAAAADs7OzHx8f6+vr09PTw8PC0tLSZmZl0dHRERET39/fj4+Pb29vX19fR0dG9vb2hoaH7+/vo6Ojm5uavr6+FhYVUVFRQUFD///9wIZ9UAAAAPXRSTlNmAF9dYWOSTkwSBVgbAkgOLAk7HTUMOQtTPiUkRRT8hHFsakIxGeS/9+/psZ6MefHb0s7Ht6P539ytlH99tx4IiAAABA5JREFUaN7Nmuda2zAUhiVZjkfsONOGLEaStkAppUC37/+2KiDmBNdJ9EnO+P4wnthvzpKPpcM4okGv3W15J03huqJ54rW67d6AI9LGhVHfc1mFXK8fxfXisjmhKpH+PKsLFw59piF/GNaAC04l05Q8DSxxwbjKdVIoySr3jgML3KRV4jiOI1YorlD/KFFbE0Nc2C2h5BoflpDd0AQ3dFZZgm2UWCU6Qxg38Mr3qlb1N/IGGK4nCCaYpsTKRT0AF6eVMAiYxrq4jkdZwEBRPnkdPVzSLK7AYOWLmokObiIK0wQzkpDFL5PtuEhuMA00UEbbcJFLl9jz3GgzbiKL5YlZqVjq5GQTLhEUNjtJueQm63GdJn22Ll6zsw4Xe8tPuqwGuUueF6/BpYBtgH1pNa5H36oOkZd6VbiBWAaX1abijoMKnA/UG1h//v+4IUCDecMyLnSApITT0wlLuC4SODx83fe4CeZK3J3BO1zr1fS6WXTT1iouwI3DzSPcGA0cHr4Z4RK2exxL3nCnOA3nnRa4UO4DJ8MlbgjQLHjDJc4H0tIiOf1XXIcBRXdhXnose8G19Y27+DB9uDA2b/6C8/VDd5vn+fWtafD8Z1zs6ruykStNHy/N3OnGCheRuVo4pR9/zbwZKVwfx+Xfn4xwfYXzyLu6OKX7c4PgeQonmZJkIC6/+w3QlgCXswHREZzSxwvUPAWjTEFx+fUZGrwea8M40vQGwylY18CZpK9fEGcqGHUpAI706TPUsTCPkQAc6RtQEh47ITaEI101dM1TsCaVHYqjkrjUKzwFc2rA5R/O9HCi+GGHy6dPWqkpLXGkcy2cnTNJd5c6znTsUoWC90cvVWwKgfR4qVkIFmVOhXerXebGixjp4RxYxPAlGl80aYk2fQDRIwF7AEU2uOkvsBUzah5o7YKbBy7hVKGVGexr5VvjJ2HcVQNtxJiHt7X0VDVraxcYjtIfxy0ULi6CB+B+UvojoYvBF64G9XsmL1zo62QD62bLRY6+LJ+hvfq7W3fgrYCb+4btVgAf7WejY7TnbZz9blIdaguOz3aPmx1u+5SPsX12fK99zFdxwX63vnm64439wx5b8NEuD2VGhz5y4tnuDtSywx8Xct4HeACtv+WoV9R81HscB9mcJ049/iRPOsmmIYRA1DuEIIJjGrHgfCGKS1zjJCloIto+HhM4dY3HOAE4/ONamMaayTGONql679sPbvXjYx1LU8p8m6E7P4NHCkercds+Urj64ZHRwGRqNjCZ4gOT1bOnrqBxUPq7PH9qM+w6q3y0SCFkZRc1CyxHeRNklDepY1B51NKBtUZhXWPYnbYvN9rltzv1DpnHi7kvq1HzBTBkjiiL2unzCL0jpfM8Qp+2o4wj+gfblKJxDtrlbwAAAABJRU5ErkJggg==);
  background-size: 55px 55px;
  transform: translate(-50%, -50%);
  text-indent: -999px;
}

.goods-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.goods-video__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.goods-video__close-btn {
  position: absolute;
  top: 8px;
  left: 5px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

.goods-video__close-btn--fullscreen {
  top: 25px;
}