这个网站是一个名为lum-lightbox的轻量级图片展示器，它使用了CSS3动画和HTML5的<img>元素来实现图像自动滚动。当鼠标悬停在某个图像上时，图像会展开（即从隐藏变为可见），并且开始自动播放动画。动画结束后，图像会自动关闭回到原始位置（即从可见变为隐藏）。
以下是对lum-lightbox样式的简单描述：
- 当页面加载或用户点击某个图像时，
lum-lightbox-inner元素会被显示出来。
lum-lightbox-inner元素包含一个绝对定位的<img>元素。
lum-lightbox-inner元素的宽度和高度被限制为100%，以适应其内容。
- 在鼠标悬停时，图像会显示出来并自动播放动画，动画结束后会自动关闭回到原始位置。
- 如果鼠标移动到其他图像上，该图像会展开，同时开始自动播放动画。动画结束后，它会重新回到隐藏状态。
- 这个网站还包含了一些额外的类，如
lum-open、lum-closing和lum-opening，这些类分别表示打开、关闭和正在打开的状态。
lum-lightbox-loader元素在图像没有自动播放时显示，表示正在加载图像。
lum-lightbox-image-wrapper元素用于垂直居中并使文本水平居中显示图像。
- 对于大小自适应的图像，通过
[sizes="auto"]属性进行设置。
