@charset "utf-8";

/* list */
.button {
    width: 400px; 
    height: 42px;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    background-color: #f5f5f5;
    border-top: 1px solid #222;
    border-left: 1px solid #e0e0e0;
}
.button:first-child { border-left: none; }
.button:hover {	background-color: #222; color: #fff; }
.pd_detail .thumb { padding-top: 130%; }
.post-recomm .swiper-wrapper .swiper-slide { width: 118px; margin-left: 20px; }
.post-recomm .swiper-wrapper .swiper-slide:first-child { margin-left: 0px; }


.pd_detail .item_detail .area_pic {position:relative; width: 34%;  box-sizing:border-box;}
.pd_detail .item_detail .area_desc {float:right;  width:800px;}

.pd_detail .area_pic .thumb_nav_wrap {position:relative; top:0; width: 100%; z-index:2;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav {position:relative; padding:30px 0;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb {border: 0;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:505px;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5; padding-top: 2px;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img,
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide video {width:100%; box-sizing:border-box;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a{display:block;position: relative;}

.pd_detail .area_pic .thumb_list_wrap {/*width:70%;  padding:70px; */ box-sizing:border-box;}
/* .pd_detail .area_pic .thumb_list_wrap ul {margin-top:-10px;} */
.pd_detail .area_pic .thumb_list_wrap ul::after {content:''; clear:both; display:block; width:100%;}
.pd_detail .area_pic .thumb_list_wrap li {position:relative; width:100%;}
.pd_detail .area_pic .thumb_list_wrap li:nth-child(even) {margin-left:10px;}
.pd_detail .area_pic .thumb_list_wrap li a {display:block; cursor:url('//image.istyle24.com/Style24/images/pc/cursor_zoom.png') 0 0, zoom-in;}
.pd_detail .area_pic .thumb_list_wrap li.on a span img {z-index:2;}

.pd_detail .area_pic .thumb_nav_wrap.fixtop {position:fixed; top:90px; bottom:auto;}
.pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:auto; bottom:0px;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled {padding:0;}
.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-prev,
.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-next {display:none;}


/* pd_detail */
.pd_detail .thumbs {display:block; position:relative; width:100%; height:650px; line-height:0; font-size:0;  overflow:hidden;background:#f5f5f5;background: #ffffff;border: 1px solid #f5f5f5;box-sizing: content-box;}
.pd_detail .thumb img,
.pd_detail .thumb video {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
.pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}

.select_home {  
	justify-content: flex-end;
	margin: 0 0 0 auto;
	width: 180px;
	border-color: rgb(221 221 221 / 0.6);
	padding-left: 10px;
	font-size: 16px; }
.fitsec_head { text-align: left; margin-bottom: 0px; display: flex; border-bottom: 1px solid #222; }
.fitsec_body { min-height: 850px; }
.cont_bodys {  padding-top: 40px; }
.contents.main_recomm { width: 70%; overflow: hidden; }

.sec_body_content .swiper-wrapper { min-height: 150px; background: #fbfbfb; }
.noData { border:1px solid #f5f5f5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300; }

.fitActive { border: 2px solid #222;}