@charset "utf-8";
/* CSS Document */

#popwindow {display:none;position:fixed;right:0;bottom:0;width:100%;z-index:99;}
#popwindow .fold{position:absolute;left:0;bottom:-70px;width:100%;-webkit-transition:bottom .3s ease-in-out;-moz-transition:bottom .3s ease-in-out;-ms-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out;padding-top:30px;}
#popwindow .fold.show{bottom:0;}
#popwindow .fold .pop_info{height:30px;padding:3px 15px 0;font-size:15px;font-weight:normal;line-height:30px;padding-left:40px;background:#333;color:#FFF;/*border-top:solid 1px #DDD;*//*border-top:solid 3px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);*/}

/*Open----------------------------------*/
#popwindow .open{padding-top:30px;-webkit-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;}
#popwindow .open.hide{transform:translateY(100%);}
#popwindow .open .inner{/*border:solid 1px;border-bottom:0;*/box-shadow:0 0 15px rgba(0,0,0,.2);background-color:rgba(255,255,255,1);-webkit-transition:height 5s ease-in-out;-moz-transition:height 5s ease-in-out;-ms-transition:height 5s ease-in-out;transition:height 5s ease-in-out;}
/*#popwindow .open .inner > *{width:50%;}*/
#popwindow .open .pop_info{display:none;}
#popwindow .details{width:100%;padding:20px 10px;}
#popwindow .pop_img{width:100%;}
#popwindow .pop_img img{display:block;width:100%;}
#popwindow .title {margin:10px 0;font-size:15px;padding-left:10px;/*border-left:solid 5px #D00;*/}
#popwindow .more a{display:block;width:100%;border:1px solid;color:#FFF;margin:20px auto 0;padding:10px;text-align:center;transition:.3s ease-in-out;}
#popwindow .more a:hover{background:#FFF;color:#000;}
#popwindow .details .more a{font-size:11px;}

/*Close----------------------------------*/
#popwindow .close{background:#333;width:30px;height:30px;paddint-top:3px;text-indent:-9999px;font-size:0;line-height:1;color:#FFF;position:absolute;left:0;top:30px;}
#popwindow .close::before{content:"";display:block;width:10px;height:10px;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);}
#popwindow .open .close::before{border-right:1px solid  #FFF;border-bottom:1px solid  #FFF;top:40%;}
#popwindow .fold .close::before{border-left:1px solid  #FFF;border-top:1px solid  #FFF;top:60%;}
#popwindow .close:hover{cursor:pointer;}

@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1366px){
#popwindow {width:300px;max-width:30%;z-index:9999;}
}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){
#popwindow {width:300px;max-width:30%;z-index:9999;}
}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){
#popwindow {display:none;}
#popwindow .open{display:none;}
}