

#jximageshow{z-index:9999; background:rgba(0,0,0,.8);}
#jximageshow .close{position:absolute; top:20px; right:20px; width:38px; height:38px; border-radius:3px; background:rgba(255,255,255,0.3); cursor:pointer; z-index:3;}
#jximageshow .close:hover{background:rgba(255,255,255,0.4);}

#jximageshow .prev,
#jximageshow .next{position:absolute; top:50%; margin-top:-40px; left:20px; width:48px; height:80px; border-radius:3px; background:rgba(255,255,255,0.3); cursor:pointer; z-index:3; opacity:0;}
#jximageshow .next{left:auto; right:20px;}
#jximageshow .prev i,
#jximageshow .next i{position:absolute; left:-30px; top:-50px; bottom:-50px; right:-30px; content:'';}
#jximageshow .prev:hover,
#jximageshow .next:hover{background:rgba(255,255,255,0.4);}


#jximageshow .tool{position:absolute; left:50%; bottom:0; height:100px; width:560px; margin-left:-280px; text-align:center; z-index:3;}
#jximageshow .tool:after{height:100%; vertical-align:bottom; display:inline-block; content:'';}
#jximageshow .tool .number{position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.6); color:#fff; border-radius:30px; line-height:28px; font-size:12px; width:60px; opacity:0;}
#jximageshow .tool .bottom{vertical-align:bottom; padding:0 20px; border-radius:3px 3px 0 0; background:rgba(39,41,45,1); display:inline-block; transform:translateY(100%);}
#jximageshow .tool .bottom .a{height:32px; width:32px; margin:12px; border-radius:4px; cursor:pointer;}
#jximageshow .tool .bottom .a:hover{background:rgba(255,255,255,0.4);}
#jximageshow .tool .bottom .b{height:16px; width:1px; margin:20px 12px 0; background:#fff;}

#jximageshow .icobox{}
#jximageshow .icobox.hover_cur .prev,
#jximageshow .icobox.hover_cur .next{opacity:1;}
#jximageshow .icobox.hover_cur .tool .number{opacity:1;}
#jximageshow .icobox.hover_cur .tool .bottom{transform:translateY(0);}

#jximageshow .imgbox{z-index:1;}
#jximageshow .imgbox img{max-width:90%; max-height:90%;}