/* BASIC css start */
/* BASIC css start */
#container{padding-bottom:20px;}
#ly_lastView{display:none}
.h_title{padding:38px 0 30px;border:0}
#videoWrap .h_title h3{margin: 0 10px;padding: 0 0 9px !important;font-size: 26px;font-weight: 700; text-align: left;line-height: 1.4;color: #000}
.videoMoreBtn{margin:50px 0 0;padding:0 15px;cursor:pointer;text-align:center}
.videoMoreBtn span{display:block;width:100%;height:48px;line-height:48px;background:#fff;color:#0F0F12;border:1px solid #eee;font-size:14px;font-weight:400}
.videoMoreBtn span img{width:12px;vertical-align: middle;margin-left:10px;margin-top: -2px;}
.videoMoreBtn.hide{display:none}
.video_box{pointer-events: none;}
.videoList li:first-child{margin-top:0}
.videoList li{margin-top:50px}
.videoTitle{margin:15px 15px 0;line-height:1.4;color: #0F0F12;font-size: 24px;font-weight: 600;line-height: 34px;}
.videoSubTitle{display:none;}
.videoMoreBtn i{margin:-3px 0 0 4px;color:#000;vertical-align:middle}
.youtube,.youtube img{width:100%;}
.youtube{position: relative;}
.youtube:after{position: absolute;content:"";top:50%;left:50%;transform:translate(-50% , -50%);display:block;width:70px;height:70px;background:url('/design/akiiikr/wib/mo/img/play_yu.png')no-repeat center / 70px;}
/* BASIC css end */
#akiMedia .pageTitle { padding:70px 0 40px; font-size:30px;font-style: italic; font-weight:700;font-style: italic;border-bottom:2px solid #0f0f12 }

#akiMedia .mediaWrap { padding-top:50px;margin-bottom:170px; position:relative;  overflow:hidden }
#akiMedia .mediaWrap .mediaShowBox { display:none; position:relative }
#akiMedia .mediaWrap .mediaShowBox:first-child.isNowShowBox { display:block }
#akiMedia .mediaWrap .mediaShowBox .mediaList { *zoom:1 }
#akiMedia .mediaWrap .mediaShowBox .mediaList:after { display:block; clear:both; content:'' }
#akiMedia .mediaWrap .mediaShowBox .mediaList .list {   margin: 0 0 75px 0;  float: left;  width: calc(50% - 11px);}
#akiMedia .mediaWrap .mediaShowBox .mediaList .list:first-child{margin-right:22px;}
#akiMedia .mediaWrap .mediaShowBox .mediaList .list .thumb { position:relative; width:100% }
#akiMedia .mediaWrap .mediaShowBox .mediaList .list .thumb a { display:block }
#akiMedia .mediaWrap .mediaShowBox .mediaList .list .thumb img { width:100% }
#akiMedia .mediaWrap .mediaShowBox .mediaList .list .thumb .icoPlay { margin:-38px 0 0 -38px; position:absolute; top:50%; left:50%; width:76px; height:76px; background:url(/design/akiiikr/phps/media/ico_media_play.png) 0 0 no-repeat; z-index:10 }
#akiMedia .mediaWrap .mediaShowBox .mediaList .list .mediaInfo { position:relative }
#akiMedia .mediaWrap .mediaShowBox .mediaList .list .mediaInfo .title {     padding: 25px 0 0;  font-size: 20px;  font-weight: 700;   letter-spacing: -0.02em;}
#akiMedia .mediaWrap .mediaShowBox .mediaList .list .mediaInfo .desc { display:none;    color: #999;  font-size: 15px;  line-height: 24px;  letter-spacing: -1px; }

#akiMedia .mediaWrap .mediaMore { display:none; padding-top:30px; text-align:center }
#akiMedia .mediaWrap .mediaMore a { display:inline-block; width:183px; height:53px; font-size:16px; color:#000; font-weight:500; line-height:53px; border:1px solid #000 }
#akiMedia .mediaWrap .mediaMore i { margin-left:5px; line-height:55px; vertical-align:top }

#mediaLayer { display:none; position:fixed; top:calc(50% - 10px); left:50%; transform: translate(-50% , -50%);width:92%; height:260px; z-index:101; text-align:center;}
#mediaLayer .layerClose { float:right; font-size:0;width:20px;height:20px; color:#000; cursor:pointer;background:url('/design/akiiikr/wib/mo/img/video_close.png')no-repeat center/20px;margin-bottom:10px; }
#mediaLayer .layerMedia {  height:260px; }
#mediaLayer .layerMedia iframe { width:100%; height:100%; }

#mediaMask { display:none; position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:100 }


/* BASIC css end */