.slidetoolbarContainr {
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0;
	width: 50px;
	height: 100%;
	z-index: 500
}

.slidetoolbar {
	background: #fafafa;
	width: 50px;
	height: 100%;
	left: -50px;
	padding-top: 75px;
	position: relative;
	font-size: 12px
}

.slidetoolbar .applist {
	text-align: center;
	width: 50px;
	position: relative
}

.slidetoolbar .appitem {
	position: relative;
	height: 70px;
	margin-bottom: 10px;
	_margin-bottom: 0
}

.slidetoolbar .icon {
	position: relative;
	display: block;
	width: 50px;
	height: 20px;
	padding-top: 48px;
	color: #999
}

.slidetoolbar .hot {
	position: absolute;
	z-index: 5;
	right: 5px;
	top: 4px;
	width: 8px;
	height: 8px;
	background: url(../images/slidetoolbar-icon.png) no-repeat -69px -10px
}

.slidetoolbar .icon-img {
	height: 36px;
	width: 36px;
	position: absolute;
	top: 8px;
	left: 7px
}

.slidetoolbar .appitem-hover .icon {
	background-color: #f7f7f7;
	text-decoration: none
}

.slidetoolbar .icon-0 {
	background-position: 7px 8px
}

.slidetoolbar .icon-1 {
	background-position: 7px -74px
}

.slidetoolbar .icon-2 {
	background-position: 7px -158px
}

.slidetoolbar .icon-3 {
	background-position: 7px -243px
}

.slidetoolbar .icon-4 {
	background-position: 7px -327px
}

.slidetoolbar .content,
.slidetoolbar .horoscope {
	display: none;
	position: absolute;
	top: -1px;
	left: 50px;
	width: 210px;
	height: 68px;
	border: 1px solid #e6e6e6;
	border-left: none;
	overflow: hidden;
	background: #f7f7f7;
	text-align: left;
	z-index: 500
}

.slidetoolbar .appitem-hover .content,
.slidetoolbar .appitem-hover .horoscope {
	display: block
}

.slidetoolbar .content .text,
.slidetoolbar .horoscope .text {
	width: 140px;
	overflow: hidden;
	white-space: nowrap
}

.slidetoolbar .horoscope .text {
	width: 145px;
	padding: 8px 0 0 10px
}

.slidetoolbar .content .link {
	width: 130px;
	padding-left: 10px;
	height: 34px;
	display: block;
	font-size: 14px;
	line-height: 46px;
	overflow: hidden;
	color: #666;
	white-space: nowrap
}

.slidetoolbar .content .link:hover {
	color: #f30
}

.slidetoolbar .content .link2 {
	margin-left: 5px
}

.slidetoolbar .content .desc,
.slidetoolbar .horoscope .desc {
	display: block;
	width: 130px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #999
}

.slidetoolbar .content .desc {
	height: 34px;
	padding-left: 10px;
	line-height: 18px
}

.slidetoolbar .horoscope .desc {
	height: 30px;
	line-height: 14px
}

.slidetoolbar .content .desc:hover,
.slidetoolbar .horoscope .desc:hover {
	text-decoration: none
}

.slidetoolbar .horoscope .desc {
	width: 145px
}

.slidetoolbar .content .image {
	position: absolute;
	right: 0;
	top: 0
}

.slidetoolbar .horoscope .image {
	position: absolute;
	right: 3px;
	top: 10px;
	width: 48px;
	height: 48px;
	background: url(../images/slidexingzuo.png) no-repeat
}

.slidetoolbar .horoscope .aries {
	background-position: 0 0
}

.slidetoolbar .horoscope .taurus {
	background-position: 0 -48px
}

.slidetoolbar .horoscope .gemini {
	background-position: 0 -96px
}

.slidetoolbar .horoscope .cancer {
	background-position: 0 -144px
}

.slidetoolbar .horoscope .leo {
	background-position: 0 -192px
}

.slidetoolbar .horoscope .virgo {
	background-position: 0 -240px
}

.slidetoolbar .horoscope .libra {
	background-position: 0 -288px
}

.slidetoolbar .horoscope .scorpio {
	background-position: 0 -336px
}

.slidetoolbar .horoscope .sagittarius {
	background-position: 0 -384px
}

.slidetoolbar .horoscope .capricorn {
	background-position: 0 -432px
}

.slidetoolbar .horoscope .aquarius {
	background-position: 0 -480px
}

.slidetoolbar .horoscope .pisces {
	background-position: 0 -528px
}

.slidetoolbar .horoscope .select {
	display: inline-block;
	line-height: 30px;
	_line-height: 34px;
	font-size: 14px;
	color: #666;
	background: url(../images/slidetoolbar-icon.png) no-repeat -32px -216px;
	cursor: pointer;
	vertical-align: top;
	padding-right: 15px
}

.slidetoolbar .horoscope .select-content {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	background: #f7f7f7;
	z-index: 5
}

.slidetoolbar .horoscope .content-list {
	padding: 4px 8px
}

.slidetoolbar .horoscope .content-list-item {
	width: 48px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	color: #666
}

.slidetoolbar .horoscope .list-item-hover {
	background: #e6e6e6
}

.slidetoolbar .horoscope .star {
	display: inline-block;
	height: 30px;
	width: 85px;
	background: url(../images/index_icon.png) no-repeat;
	vertical-align: top;
	margin-left: 3px
}

.slidetoolbar .horoscope .star-5 {
	background-position: -186px -1320px
}

.slidetoolbar .horoscope .star-4 {
	background-position: -186px -1352px
}

.slidetoolbar .horoscope .star-3 {
	background-position: -186px -1384px
}

.slidetoolbar .horoscope .star-2 {
	background-position: -186px -1416px
}

.slidetoolbar .horoscope .star-1 {
	background-position: -186px -1448px
}

.slidetoolbar-closebtn {
	position: absolute;
	height: 50px;
	width: 50px;
	bottom: 50px;
	background: url(../images/slidetoolbar-icon.png) no-repeat;
	background-color: #e6e6e6;
	cursor: pointer;
	display: none
}

.slidetoolbar-closebtn:hover {
	background-color: #f1f1f1
}

.slideclosebtn-open {
	background-position: -44px -161px
}

.slideclosebtn-close {
	background-position: -49px -73px
}

.slidetoolbar .sppitemwrap {
	position: relative;
	height: 70px;
	margin-bottom: 10px
}

.slidetoolbar .flipicon {
	height: 54px;
	position: absolute;
	top: -10px;
	right: 50px
}

.slidetoolbar .flipicon .flipcon {
	height: 54px
}