#bo_v_img{
  width:100%;
  height:<?php echo $view_height; ?>px;
  overflow:hidden;
  position:relative;

}
#bo_v_img .wrap{
  width:<?php echo count($view['file']) * $view_width?>px;
  height:<?php echo $view_height; ?>px;
}
#bo_v_img:after{display:block; visibility:hidden; content:""; clear:both; width:100%; height:0; overflow:hidden}
#bo_v_img .item{float:left}
#bo_v_img .item .viewer-image{width:<?php echo $view_width ?>px; height:<?php echo $view_height; ?>px;}

#bo_v_img .btn-move .btn{
  position:absolute;
  top:290px;
  font-size:40px;
  color:#fff;
  border-radius:50%;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  background:rgba(0, 0, 0, 0.4);
  padding:0px;
  cursor:pointer;
}
#bo_v_img .btn-move .btn.btn-prev{
  left:10px;
}
#bo_v_img .btn-move .btn.btn-next{
  right:10px;
}

#bo_v_img .item{
  width:<?php echo $view_width; ?>px;
  height:<?php echo $view_height; ?>px;
}

#bo_t_img{
  margin:20px -5px;
}
#bo_t_img:after{display:block; visibility:hidden; content:""; clear:both; width:100%; height:0; overflow:hidden}

#bo_t_img .thumb{
  position:relative;
  margin:0px 5px;
  float:left;
  cursor:pointer;
  opacity:0.6;

}

#bo_t_img .thumb img{
  width:136px;
  height:88px;
  border:1px solid #fff;
}


#bo_t_img .thumb span{
  position:absolute;
  width:136px;
  left:0px;
  top:0px;
  text-align:center;
  line-height:88px;
  color:#fff;
  font-weight:600;
}
#bo_t_img .thumb.on{
  opacity:1;
}
#bo_t_img .thumb.on img{
  border:1px solid #222;
}

.bo-table{
  width:100%;
}

.bo-table th,
.bo-table td{
  border:1px solid #222;
  padding:10px;
}

.vr-viewer{
  position:relative;
  display: none;
}

.item iframe, .btn-move, #bo_t_img{
  display: none;
}


.vr-viewer .info{
  position:absolute;
  width:<?php echo $view_width; ?>px;
  left:0px;
  bottom:10px;
  color:#fff;
  text-align:Center;
}
.vr-viewer .info .axi{
  font-size:20px;
}