#img_view{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 2001;}
#img_header{position: fixed;top: 0;left: 0;height: 60px;width: 100%;background-color: #334356;}
#img_close{position: absolute;height: 60px;width: 40px;top: 0;right: 0;background-color: grey;cursor: pointer;}
#img_tool{position: fixed;bottom: 90px;left: calc(50% - 60px);height: 40px;width: auto;background-color: #334356;border-radius: 4px;}
#img_view button{width: 40px;height: 40px;background: #334356;margin: 0 -1px;padding: 0;border: none; outline: none;cursor: pointer;}
#img_view button:hover{background: #3F5166;}
#zoom_in{border-radius: 4px 0 0 4px;}
#adaptive{border-radius: 0 4px 4px 0;}
#img_close{height: 60px!important;}
#img_percentage{position: fixed;width: 100px;height: 40px;left: calc(50% - 50px);top: calc(50% - 20px);background-color: rgba(3,10,18, 0.43);line-height: 40px;text-align: center;border-radius: 4px;color: #FFFFFF;}
/*#img_footer{position: fixed;bottom: 0;left: 0;height: 40px;width: 100%;background-color: #0C0C0C;}*/
#img_content{margin: 60px 0 0 0;height: calc(100% - 60px);text-align: center;background-color: rgba(3,10,18, 0.43);overflow: auto;}
#img_content img{height: 100%;cursor: grab;}