@CHARSET "UTF-8";


#bkList {
  padding: 0 200px 0 60px;
}
.bkBox {
  margin: 0 0 20px 0;
  border-top: 2px solid #ccc;
  padding: 20px;
}

.bkPic {
  float: left;
}
.bkPic img {
  width: 170px;
  height: 131px;
  padding: 1px;
  border: 1px solid #aaa;
}
.bkPic div {
  margin-top: 10px;
}
.bkMeta {
  margin: 0 20px 0 230px;
}
.bkBuy {
  margin-top: 20px;
  float: right;
  width: 150px;
}
.bkTitle {
  font-size: 1.1em;
  padding: 10px 0 0 0;
}
.bkBy {
  margin: 10px 0 10px 0;
  font-size: 0.8em;
}
.bkStory {
  margin: 5px 0 20px 0;
  font-size: 0.8em;
  line-height: 1.3em;
}
.bkTags {
  padding: 10px 0 10x 0;
  font-size: 0.8em;
}
.bkTags li {
  display: inline; 
  margin-right: 10px;
}
#bkAttr {
  float: right;
  width: 120px;
  font-size: 0.8em;
}
#bkAttr .icon {
  padding: 7px 0 0 60px;
}

#bkPageNum {
  float: right;
  padding: 18px 20px 0px 0;
  color: #777;
}
#bkPlayer {
  margin: 0 auto;
}
#bkNav {
  margin: 0px auto;
  width: 700px;
  border-bottom: 1px solid #f69226;
}
#bkNav .bar {
  clear: none;
  margin: 0 auto;
  text-align: center;
  width: 260px;
} * html #bkNav .bar {
  width: 275px;
}

#bkPlayer .button {
  float: left;
  border: none;
  width: 44px; 
  height: 44px;
  background: url(/images/sprite.gif) no-repeat;
  margin: 5px 10px 5px 10px;
}
#fullscreen #bkPlayer input {
  margin-top:100px;
}
#bkPlayer #bkp_reset {
  background-position: -94px -627px;
}     
#bkPlayer #bkp_left {
  background-position: -20px -692px;
}
#bkPlayer #bkp_left:hover {
  background-position: -95px -692px;
}     
#bkPlayer #bkp_toggle {
  background-position: -20px -627px;
}     
#bkPlayer #bkp_right {
  background-position: -238px -692px;
}
#bkPlayer #bkp_right:hover {
  background-position: -168px -692px;
}     

#bkPlayer #center {
  margin: 0;
}
#bkPlayer #canvas {
  background: #fff;
  border: none;
}
#bkPlayer .page {
  position:relative;
  background-color: #eee;
}
#bkPlayer .page div{
  position: absolute;
}
#bkPlayer .page img{
  position: absolute; 
}
#bkPlayer .print .footnote {
  text-align: center;
  height: 40px;
  padding-top: 5px;
  color: #666;
  font-size: 0.9em;
  border-top: 1px solid #eee;
}
#bkPlayer .print .footnote img{
  float: right;
}
#bkPlayer .print .footnote span{
  margin: 0 20px 0 20px;
}
#bkPlayer .print .footnote a{
  text-decoration: underline;
}
#bkPlayer .print hr {
  clear: both;
  page-break-after: always;
  border: none;
  margin: 0;
  padding: 0;
  color: #fff;
}
#bkInfo {
  margin: 30px 0 30px 0; 
}
#bkInfo #right {
  float: right;
  width: 490px;
  border-left: 2px solid #ccc;
}
#bkInfo #left {
  margin: 0 520px 0 50px;
}
#bkInfo #filter {
  padding: 20px 0px 0 30px;
  width: 450px ! important;
  float: none;
}
#bkInfo .bkMeta {
  margin: 0;
}
.bkEdit {
  margin-top: 20px;
  margin-left: 20px;
  text-align: right;
  font-size: 0.9em;
  float: left;
}
.bkEdit a {
  color: #fff ! important;
}
#actions {
  margin-right: 40px;
  padding: 0 0 20px 45px;
  border-bottom: 2px solid #ccc;
}

#actions li {
  list-style-type: none;
  float: left;
  width: 80px ! important;
  padding-top: 40px;
  background: url(/images/sprite.gif) no-repeat;
  text-align: center;
}
#actions li A {
  padding-top: 40px;
  font-weight: bold;
}
#actions li A:hover {
  color: #f69226;
}
#actions #act_big {
  background-position: 5px -518px;
}
#actions #act_like {
  background-position: -64px -518px;
}
#actions #act_print {
  background-position: -133px -518px;
}
#actions #act_share {
  background-position: -202px -518px;
}
#actions #act_order {
  background-position: -271px -518px;
}