@charset "utf-8";
.wrap{ }
.wl{ float:left; width: 331px;}
.wr{ float:left; margin-left: 26px; display: inline; }
.jy-up-ch{ position: relative; width: 331px;}
.jy-up-ch .bch{ display: block; position: absolute; background-repeat: no-repeat; background-image: url(../images/bch.jpg); }
.jy-up-ch .bch1{ width: 15px; height: 20px; background-position: 0 0; left: 0; top: 10px; }
.jy-up-ch .bch2{ width: 39px; height: 24px; background-position: -15px 0px; left: 50%; margin-left: -39px; top: 10px; }
.jy-up-ch .bch3{ width: 37px; height: 24px; background-position: -54px 0px; left: 50%; top: 10px; }
.jy-up-ch .bch4{ width: 15px; height: 20px; background-position: -91px 0px; right: 0; top: 10px; }
.jy-up-ch .bch1:hover{ background-position: 0 -27px; }
.jy-up-ch .bch2:hover{ background-position: -15px -24px;}
.jy-up-ch .bch3:hover{ background-position: -54px -24px;}
.jy-up-ch .bch4:hover{ background-position: -91px -27px;}
.jc-demo-box{position: relative; background-color: #e7e7e7; width: 331px; height: 331px; overflow: hidden;background:#262626;}
.jcrop_w{ width: 331px; height: 331px; overflow: hidden; }
.jcrop_w img{ position: absolute; }
.pre-1,.pre-2,.pre-3{}
.pre-1{ width: 120px; height: 120px; overflow:hidden; }
.pre-2{ width: 80px; height: 80px; overflow:hidden; margin-top: 13px; }
.pre-3{ width: 40px; height: 40px; overflow:hidden;margin-top: 13px; }
.nobj{background:#262626;width:82px;height:30px;float:left;margin-top:9px;border-radius:3px;font-size:14px;color:#fff;line-height:30px;text-align: center;}
.preview-container p{width:100%;height:30px;float:left;font-size:14px;color:#fff;line-height:30px;}
.preview-container span{width:100%;height:30px;float:left;font-size:12px;color:#fcfb367;line-height:30px;padding-bottom:40px;}