@charset "utf-8";

/* 全屏蒙版 */  
.fullscreen-image-viewer {  
  position: fixed;  
  top: 0;  
  left: 0;  
  width: 100%;  
  height: 100%;  
  background: rgba(0, 0, 0, 0.5);  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  z-index: 99999;  
}  

.fullscreen-image-viewer .overlay {  
	/* overlay样式 */
}  

.fullscreen-image {  
  /* 图片浏览时源图大小样式 */
  width: 80%;
  height: 80%;
}  

.image-nav {  
  position: absolute;  
  width: 100%; 
  height: 100%;
  display: flex;  
  justify-content: space-between;  
  padding: 0 20px;  
  z-index: 1000;  
}  

.image-nav span {  
  position: absolute;
  top: 50%;  
  display: block;  
  font-size: 2em;  
  color: white;  
  border: none;  
  cursor: pointer;
  width: 49px;
  height: 49px;
}  
.image-nav .prev-btn{  
  background: url(../img/arrows.png) left center no-repeat;
  left: 30px;
}
.image-nav .prev-btn:hover{
  color: #fff;
  background-color: #881812;
}
.image-nav .next-btn{  
  background: url(../img/arrows.png) right center no-repeat;
  right: 30px;
}
.image-nav .next-btn:hover{
 color: #fff;
 background-color: #881812; 
}
.image-nav .close-btn{
  background: url(../img/close.png) left center no-repeat;
  top: 30px;
  right: 30px;
}
.image-nav .close-btn:hover{
 color: #fff;
 background-color: #881812; 
}