.alloyimage-wrapper{
  text-shadow:0 1px 3px rgba(0, 0, 0, 0.75);
  color:#fff;
  font-family:Microsoft Yahei,"宋体";
  overflow: hidden;
  border-top:1px solid #282B2F;
  height:100%;
  background: url("../images/cardboard.png") repeat;
}

.alloyimage-wrapper .show-main{
  display: none;
}
/* 主体窗口左侧 */
.alloyimage-wrapper .left{
  width:250px;
  border-right:1px solid #575C62;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  float:left;
  padding:0;
}
.alloyimage-wrapper .left h3{
  font-weight:normal;
  text-align:center;
  font-size:16px;
  padding:20px 0;
}
.alloyimage-wrapper .left .effects{
  border-top:1px solid #575C62;
  border-bottom:1px solid #282B2F;
  padding:0;
}
.alloyimage-wrapper .left .effects li{
  margin-left:0;
  border-top:1px solid #282B2F;
  border-bottom:1px solid #575C62;
  list-style:none;
  transition:all ease-in .2s;
  -webkit-transition:all ease-in .2s;
  height:80px;
  overflow:hidden;
}
.alloyimage-wrapper .left .effects .imgWrapper{
  margin:0px;
  margin-left:15px;
  padding:0;
  line-height:80px;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  width:250px;
  transition:all ease-in .2s;
  -webkit-transition:all ease-in .2s;
  position:relative;
  height:80px;
  cursor:pointer;
  width:250px;
  padding-left:110px;
}
.alloyimage-wrapper .left .effects .imgWrapper img{
  margin:0;
  width:100px;
  height:60px;
  left:0;
  top:10px;
  position:absolute;
  border:none;
  border-radius:10px;
  z-index:3;
  cursor:pointer;
}

.alloyimage-wrapper .left .effects.imgWrapper img:hover{
  box-shadow:0 0 10px #52cca0;
  -webkit-box-shadow:0 0 10px #52cca0;
  -moz-box-shadow:0 0 10px #52cca0;
}

.alloyimage-wrapper .left .effects.effects li:hover{
  background:#5344c3;
}

/* 主体窗口右侧 */
.alloyimage-wrapper .right{
  border-left:1px solid #282B2F;
  width:600px;
  float:left;
}

.alloyimage-wrapper .right #infoMsg{
   position:absolute;
   top:170px;
   left:450px;
   z-index:9;
   width:100px;
   height:100px;
   text-align:center;
   line-height:100px;
   background:#333;
   border-radius:4px;
   opacity:0.7;
   display:none;
   color:#ccc;
 }

.alloyimage-wrapper .right .picWrapper{
  position:relative;
  width:100%;
  text-align: center;
}
.alloyimage-wrapper .right .pic{
  position:relative;
  left:0;
  top:20px;
  box-shadow:6px 6px 3px #333;
  -webkit-box-shadow:6px 6px 3px #333;
}

/* 附加选项区域 */
.alloyimage-wrapper .command{
  background:#27282b;
  background:-webkit-gradient(linear,left top,left bottom,from(#26292d),color-stop(50%,#27282b),to(#26292d));
  height:220px;
  border-top:1px solid #565555;
  border-bottom:1px solid #565555;
  position:fixed;
  bottom:0;
  width:100%;
  z-index:10;
  padding:0 20px;
  display: none;
}

.alloyimage-wrapper .command ul{
  margin-top:20px;
}

.alloyimage-wrapper .command li.nme{
  width: 100px;
}

.alloyimage-wrapper .right .picWrapper{
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
}