/* box */
.showbox{width:0px;height:0px;display:none;position:absolute;right:0;top:0;z-index:1111;padding:1px;background:#f0f0f0;background-position: right bottom;background-repeat: no-repeat; background-size: auto 100%;}
.showbox h2{height:35px;font-size:16px;position:relative;padding-left:10px;line-height:35px;color:#000; margin:10px 0 0 0;}
.showbox h2 a{position:absolute;right:10px;top:0;font-size:14px;color:#000;}
.showbox .mainlist{padding:0 40px 20px 40px;color:#000; font-size:16px; line-height:28px; font-family:'microsoft yahei'; font-weight:normal}
#zhezhao{background-color:#000;position:absolute;z-index:1000;left:0;top:0;display:none;width:100%; height:100%;opacity:0.6;filter: alpha(opacity=50);-moz-opacity: 0.5; }
.showbox .mainlist a{ color:#000; text-decoration:underline}
.showbox .mainlist a:hover{ color:#000; text-decoration:none}
.mode_hide{ display:none}
.showbox .mainlist{ text-align:center; line-height:32px;}
.showbox .mainlist h5{ color:#F00; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:10px; font-size:20px}

@media (max-width: 768px) {
.showbox{ width:90% !important; top:100px !important; left:5% !important; height:auto !important; padding-bottom:30px;}
.showbox .mainlist{ padding:0 20px}
.mode_hide{ display: block}
.mode_show{ display: none}
}