article .right{
    width: 900px;
    padding-left: 32px;
    margin-bottom: 108px;
   
    border-left: 1px solid #ccc;
}
article .right div {
   
  background: #fff;
   float: left;

}
article .right div h4 {
  font-size: 25px;
  color: #666;
  text-align: center;
}
article .right .jst ul{
  display: flex;
  margin-top: 20px;
}
article .right div .nav {
  position: relative;
  /*min-height: 300px;*/
}
article .right div .nav li{
  width: 150px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 2px;
  cursor: default;
}
article .right div .hideBox div {
  /*position: absolute;
  left: 0;
  top: 50px;*/
  margin-top: 20px;
  width: 850px;
  padding: 0 10px;
  line-height: 23px;
  text-align: left;
  color: #555;
  
  
}

.jst {
  clear: left;
}
.bigImg {
  margin-right: 10px;
  border-right: 1px solid #eee;
  position:relative; float:left; width:350px; height:290px; overflow:hidden;
  height:350px;
}
.sou {
  margin-left: -200px;
}

.def {
  background: #ddd;
  color: #555;
}
.play {
  background: #68b535;
  color: #fff;
}

.hide {
  display: none;
}
.show {
  display: block;
}
img{border:0;}

fieldset,button,input,select,option{vertical-align:middle;font:12px/18px "ËÎÌå",arial,sans-serif;}

table{border-collapse:collapse;border-spacing:0}

textarea{resize:none}

/* color */

/*a:link,a:visited{color:#575757;text-decoration:none;}

a:hover{color:#ef4165;text-decoration:none;}

a:active{color:#1d7400;}*/

/* clearfix */

.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

*html .clearfix{ zoom:1;}



.preview{width:870px; height:350px; margin-bottom: 32px;}

/* smallImg */

.smallImg{position:relative; width:490px; height:150px; margin-top:1px;  padding:6px 5px;  overflow:hidden;float:left;left:0px; top:70px;}


#imageMenu {height:90px; width:500px;  margin-left:0; float:left;}

#imageMenu li {width:150px;height:150px;   float:left; margin-right:15px; text-align:center;}

#imageMenu li img{width:150px; height:150px;cursor:pointer;}

#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:150px; height:150px; border:3px solid #959595;}

/* bigImg */



article .right .bigImg #midimg{width:350px; height:350px;}

.bigImg #winSelector{width:235px; height:210px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{ width:700px; height:600px;position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}

#bigView img{position:absolute;}