@charset "utf-8";
/* CSS Document */
* html .nc-appbar {position:absolute;}
.nc-appbar {
	position: fixed;
	z-index: 2000;
	width: 50px;
	height: 100%;
	right: 0;
	top: 0;
	bottom: 0;

}
.right_ab{
	position:absolute;
	z-index: 1998;
	width: 50px;
	height: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	zoom:1;
	}
.nc-appbar-tabs {
	background: #FEFCF5 url(../images/app_bar_bg.png) no-repeat 0px -160px;
	width: 50px;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	
	border-left:1px solid #d1d1d1;
}
.nc-hidebar {
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 15px;
	right: -79px;
	cursor: pointer;
}
.nc-hidebar .nc-hidebar-bg {
	background: url(../images/toolbar.png) no-repeat -100px 0;
	width: 79px;
	height: 56px;
	position: relative;
	z-index: 1;
}
.nc-hidebar .nc-hidebar-bg .user-avatar, .nc-hidebar .nc-hidebar-bg .frame, .nc-hidebar .nc-hidebar-bg .show {
	background: url(../images/toolbar.png) no-repeat;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 10px;
	left: 15px;
}
.nc-hidebar .nc-hidebar-bg .user-avatar {
	background-position: -100px 0px;
	z-index: 1;
}
.nc-hidebar .nc-hidebar-bg .user-avatar img {
	max-width: 36px;
	max-height: 36px;
}
.nc-hidebar .nc-hidebar-bg .frame {
	background-position: -100px -70px;
	z-index: 2;
}
.nc-hidebar .nc-hidebar-bg .show {
	display: none;
	background-position: -140px -70px;
	z-index: 3;
}
.nc-hidebar .nc-hidebar-bg:hover .show {
	display: block;
}
.nc-hidebar:hover {
	background-position: -100px -60px;
}
.nc-appbar-tabs .user {
	text-align: center;
	width: 50px;
	position: absolute;
	z-index: 1;
	top: 40%;
	margin-top: -100px;
	cursor: pointer;
}
.nc-appbar-tabs .user .avatar {
	background-color: #FFF;
	width: 28px;
	height: 28px;
	padding: 1px;
	margin: 0 auto 5px auto;
	border-radius: 15px;
}
.nc-appbar-tabs .user .avatar img {
	width: 28px;
	height: 28px;
	border-radius: 14px;
}
.nc-appbar-tabs .tools {
	position: absolute;
	z-index: 1;
	top: 28%;
}
.nc-appbar-tabs .tools {
	margin-top: 0px;
}
.nc-appbar-tabs .tools a {
	font: 12px/20px Arial, "microsoft yahei";
	color: #333;
	background: url(../images/toolbar.png) no-repeat;
	text-align: center;
	display: block;
	width: 50px;
	height: 20px;
	padding-top: 32px;
	margin-bottom: 24px;
	position: relative;
	z-index: 1;
}
.nc-appbar-tabs .tools a i {
	font: 10px/12px Arial;
	color: #FFF;
	background-color: #D93600;
	text-align: center;
	min-width: 12px;
	height: 12px;
	padding: 2px;
	border-radius: 8px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 5px;
}
.nc-appbar-tabs a.chat {
	background-position: 0 0;
}
.nc-appbar-tabs a.compare {
	background-position: 0 -60px;
}
.nc-appbar-tabs a.cart {
	background-position: 0 -120px;
}
.nc-appbar-tabs a.gotop {
	background-position: 0 -180px;
	opacity: 0.5;
}
.nc-appbar-tabs .tools a:hover {
	background-color: #3bbe21;
	text-decoration: none;
	color: #FFF;
}
.nc-appbar-tabs .tools a:hover i {
	color: #D93600;
	background-color: #FFF;
}
.nc-appbar-tabs a:hover.chat {
	background-position: -50px 0;
}
.nc-appbar-tabs a:hover.compare {
	background-position: -50px -60px;
}
.nc-appbar-tabs a:hover.cart {
	background-position: -50px -120px;
}
.nc-appbar-tabs a:hover.gotop {
	background-position: -50px -180px;
	opacity: 1;
}
.nc-appbar-tabs a.nc-appbar-hide {
	background: transparent url(../images/appbar-hide.png) no-repeat 0 0;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 2;
	bottom: 35px;
	right: 15px;
}