.txt_point{pointer-events:auto;border-radius: 50%;border: 1px solid #fff;box-shadow: 1px 1px 4px 0 #00000041;overflow: hidden;width: 26px;height: 26px;background-color: #243970;background-image: url(resources/icon/i-mono-white.svg);background-size: 24px;background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.txt_point:hover {box-shadow: 0 0 0 5px #ffffff40;background-color: #243970;}
.video_point{pointer-events:none;border-radius: 50%;box-shadow: 0 0 0 4px #ffffff47;overflow: hidden;background-color: #222222;background-image: url(resources/icon/play-white.svg);background-repeat: no-repeat;box-sizing: content-box;background-clip: padding-box;}
.video_point {width: 30px;height: 30px;background-size: 10px;background-position: 11px 50%;}
.video_point.hover {background-color: #2955bc;box-shadow: 0 0 0 5px #ffffff66;}

.model_point{pointer-events: auto; border-radius: 50%; box-shadow: 0 0 0 2px #ffffff33; width: 50px;height: 50px; overflow: hidden; background-color: #24397088; background-image: url(resources/icon/model/white.svg); background-size: 24px; background-position: 50% 50%; background-repeat: no-repeat; box-sizing: content-box;}
.model_point:hover{box-shadow: 0 0 0 3px #ffffff88;background-color: #24397088;}

.reverse_point{pointer-events: auto;border-radius: 50%;box-shadow: 0 0 0 5px #ffffff77;width: 48px;height: 48px;overflow: hidden;background-color: #243970d4;background-color: #222222;background-size: 20px;background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.reverse_point:hover{box-shadow: 0 0 0 5px #ffffff99;background-color: #2955bc;}
.reverse_point.left {background-image: url(resources/icon/reverse/left.png);}
.reverse_point.right {background-image: url(resources/icon/reverse/right.png);}