.c-menu {
  /*position: fixed;*/position:absolute;
  z-index: 200;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.c-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 300px;
  background: #eee;
  text-align:left;
  overflow-y:scroll; overflow-x:hidden;
}
.o-content{text-align: right;
/*12-26*/position:relative;}
  	.c-menu--slide-right{width:350px;}  /*右侧菜单的宽*/
  	.c-buttons {												/*显示*/
		  margin-bottom: 48px;
		  text-align: center;
		}
		
	.c-button { line-height:35px; border:none; font-size:14px; color:#5F666B; background:url(../images/cou_mulu.gif) no-repeat 0 10px; padding:0 10px 0 25px; cursor: pointer;}

  	.c-menu--slide-right .c-menu__close{ /*隐藏按钮*/
  	display: inline-block;
  	vertical-align: top;
  	/*padding: 12px 24px;*/
		}
		.c-menu__close { height:35px; width:100%; line-height:35px; border:none; background:#eee url(../images/cou_close.gif) no-repeat 0 8px; padding:0 10px 0 20px; cursor: pointer;}

		.c-menu__close:focus {
		  outline: none;
		}
		.c-mask {						/*遮罩层*/
	  position: fixed;
	  z-index: 100;
	  top: 0;
	  left: 0;
	  overflow: hidden;
	  width: 0;
	  height: 0;
	  background-color: #000;
	  opacity: 0;
	  -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
	          transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
	}
	
	.c-mask.is-active {
	  width: 100%;
	  height: 100%;
	  opacity: 0.7;
	  -webkit-transition: opacity 0.3s;
	          transition: opacity 0.3s;
	}
  	/**
		 * 动画效果.
		 */
		.c-menu--slide-right,
		.c-menu--push-right {
		  /*top:54px;*/	top:0px;										/*菜单距离浏览器的高度*/
		  right: 0;
		  -webkit-transform: translateX(100%);
		      -ms-transform: translateX(100%);
		          transform: translateX(100%);
		}
		
		.c-menu--slide-right.is-active,
		.c-menu--push-right.is-active {
		  -webkit-transform: translateX(0);
		      -ms-transform: translateX(0);
		          transform: translateX(0);
		}