﻿/* ===========================
 * ·
 * ===========================
 */
.article-slide-bar {
  z-index: 9;
  /*position: fixed;*/
  /*top: 183px;
  left: -300px;*/
  font-size: 14px;
  color: #333;
  font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
.article-slide-bar input:active {
  outline-style: none;
}
.article-slide-bar input:focus {
  outline-style: none;
}
.article-slide-bar .slide-bar-text {
  width: 32px;
  text-align: center;
  margin-bottom: 10px;
}
.article-slide-bar .article-favorites {
  border-radius: 5px;
  background: #EEE;
  margin-top: 20px;
  padding: 16px;
  padding-right: 12px;
  width: 36px;
  position: relative;
}
.article-slide-bar .article-favorites form {
  margin: 0;
  padding: 0;
}
.article-slide-bar .article-favorites input[type=submit] {
  border: 0;
  display: block;
  height: 24px;
  width: 32px;
  cursor: pointer;
}
.article-slide-bar .article-favorites .action-favorites {
  background: url(/style/css/img/favorites.png) 4px 0 no-repeat;
}
.article-slide-bar .article-favorites .action-favorites:hover {
  background-image: url(/style/css/img/favorites-active.png);
}
.article-slide-bar .article-favorites .action-remove-favorites {
  background: url(/style/css/img/favorites-active.png) 4px 0 no-repeat;
}
.article-slide-bar .article-favorites .action-remove-favorites:hover {
  background-image: url(/style/css/img/favorites.png);
}
.article-slide-bar .article-favorites-tip {
  position: absolute;
  left: 70px;
  bottom: 0;
  width: 0;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #000;
  text-indent: 20px;
  background-color: rgba(204, 204, 204, 0.7);
}
.article-slide-bar .article-share {
  border-radius: 5px;
  margin-top: 20px;
  padding: 16px;
  padding-right: 12px;
  width: 65px;
  height: 300px;
}
.article-slide-bar .article-share .jiathis_style_32x32 span {
  float: none;
  display: block;
}
.article-slide-bar .article-share .jiathis_style_32x32 a {
  display: block;
  margin-bottom: 10px;
}
.article-slide-bar .article-share .jiathis_style_32x32 span.jiathis_counter {
  width: 30px !important;
  padding: 0;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-image: none;
}

.article-share {
	height: 40px;
	padding: 10px 10px 2px;
	margin: 10px 0;
	background: #EEE;
}