.modal{
display: none; 
position: fixed; 
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%; 
overflow: auto; 

background-color: rgba(0,0,0,0.4);
}


.modal-content {
width:992px;
height:780px;
background-color: #fefefe;
margin: 5% auto;
padding: 40px;
box-shadow: 0 0 5px rgb(0,0,0,0.3);

position: relative;
overflow: hidden;
box-sizing: border-box;
}

.img_section{
    width:534px;
    height:672px;
    float: left;
    /* background:powderblue; */
    margin:0 auto;
    text-align: center;
}
.product_big_img{
    width:534px;
    height:534px;
    
}
.product_big_img > img{
    max-width:100%;
max-height:100%;
}
ul.product_small_thumb{
    width:100%;
    height:138px;
    /* background:palegoldenrod; */
    margin:0 auto;
    display: inline-block;
    padding:20px;
    box-sizing: border-box;
}
.product_small_thumb > li{
    
    list-style:none;
    width:74px;
    height:74px;
    display: inline-block;
    padding:0 2.5px;
    box-sizing: border-box;
}

.product_small_thumb > li > img{
    width:74px;
    height:74px;
    border:1px solid #ccc;
    box-sizing: border-box;
}

.product_small_thumb > li:hover img{
    border:2px solid;
    box-sizing: border-box;
    cursor: pointer;   
}
.product_info_section{
    width:375px;
    /* height:672px; */
    /* background:pink; */
    float: right;
    padding-left:40px;
    box-sizing: border-box;
}
.main_info{
    width:100%;
    height:130px;
    /* background:powderblue; */
}
.main_info .goods_name{
    font-size:26px;
    font-weight: bold;
    
}
.main_info p:nth-child(2){
    font-size:18px;
    color:#555;
    
}
.main_info p:last-child{
    font-size:24px;
    font-weight: bold;
}
.select_option{
    width:100%;
    height:245px;
    /* background:#fff; */
    text-align: left;
    margin:34px 0 5px 0;
}
.select_option > p{
    font-size:18px;
    margin-bottom:5px;
    font-weight: bold;
    box-sizing: border-box;
}
.select_opt{
    float:none;
    width:150px;
    height:40px;
    margin-bottom:10px;
    box-sizing: border-box;
    border-radius: 5px;
}
.quantity{
    width:80%;
    height:50px;
    line-height: 50px;
    margin-top:-20px;
}
.count{
    width:60%;
    height:50px;
    line-height: 50px;
    font-size:20px;
    border:none;
    text-align: center;
    box-sizing: border-box;
}
button.number{
    width:16%;
    height:60px;
    border:none;
    background:none;
    font-size:40px;
    font-weight: bold;
    color:#333;
    cursor: pointer;

}
button.purchase{
    width:49%;
    height:54px;
    box-sizing: border-box;
    background:#000;
    color:#fff;
    border:none;

}
.wish_list{
    text-align: right;
    margin-bottom:30px;
    box-sizing: border-box;
}
.wish_list span{
    font-size:14px;
    color:#9e9e9e;
}
.heart{
    display: inline-block;
    width:25px;
    height:25px;
    background:url('img/heart_empty.png') no-repeat;
    position: relative;
    top:6px;
  
}
.heart:hover{
    cursor: pointer;
}
.heart:active{
    background:url('img/heart_full.png') no-repeat;
    animation: heart 1s;
}
.active{
    background:url('img/heart_full.png') no-repeat;
}
@keyframes heart{
    0% { transform:scale(0.8);}
    30% { transform:scale(1.3);}
    60% { transform:scale(0.9);}
    90% { transform:scale(1.2);}
    100% { transform:scale(1);}
}
.product_information{
    width:100%;
    height:180px;
    overflow: auto;
    
   
    box-sizing: border-box;
}
.product_information{
            
    color:#777;
}
::-webkit-scrollbar {
    -ms-overflow-style: none;
    display:none;
    
    }     
    
.modalclose {
color: #aaa;
position: absolute;
top:-3px;
right:10px;
float: right;
font-size: 30px;
font-weight: bold;
cursor: pointer;
}