.page_a.current {
    background: #344049 !important;
    color: #fff;
}


/*right tool*/
.right_bar{
 position: fixed;
    top: 70%;
    right: 0;
    width: 50px;
    z-index: 650;
    transform: translate(0, -50%);
}
.right_bar li{width:62px;height:50px;z-index:20;position: relative;margin-bottom: 2px;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{left:0;}
.right_bar li.rtbar_li1{width:172px;}
.right_bar li.rtbar_li2{left:0; }
.right_bar li.rtbar_li3{left:0;width:126px;}
.right_bar li.rtbar_li4{}
.rtbar_li4{position:absolute;left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#1074BC; opacity:0.9; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#1074BC; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF;width: 160px;}
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}




.hover-reveal {
	position: fixed;
	width: 300px;
	height: 200px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
   z-index: 9999999; 
}
.hover-reveal__inner, .hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}
.hover-reveal__deco {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #181314;
}
 .hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}