@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Krona+One');

#m_prod h2.tit {margin:70px 0 30px;text-align:center;}
	#m_prod h2.tit a {font-family:'Krona One',Roboto,sans-serif;font-size:1.6em;font-weight:normal;color:#888;}
	#m_prod h2.tit a strong {font-family:'Krona One',Roboto,sans-serif;font-weight:normal;color:#000;text-transform:uppercase;}
#m_prod_wrap {background:#f2f2f2 url('./img/m_prod_bg.gif') repeat;}
#m_prod_li {list-style:none;margin:0;padding:5px;zoom:1;}
	#m_prod_li:after {display:block;clear:both;content:"";}
	#m_prod_li li {float:left;position:relative;width:24%;margin:.5%;border:1px solid #fff;text-align:left;background:#fff;overflow:hidden;cursor:pointer;transition:all .2s;}
	#m_prod_li li:hover {border:1px solid #ffaa00;}
	#m_prod_li li span {display:block;}
	#m_prod_li li span.cate {padding:15px 15px 0 15px;font-weight:300;font-size:.85em;color:#268bbe;}
	#m_prod_li li span.tit {padding:10px 15px 15px 15px;font-size:1.35em;font-weight:500;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;transition:all .2s;}
	#m_prod_li li:hover span.tit {color:#268bbe;}
	#m_prod_li li span.img {overflow:hidden;background:#ffaa00;}
	#m_prod_li li span.img img {width:100%;transform:scale(1);transition:all .3s;}
	#m_prod_li li:hover span.img img {opacity:.5;transform:scale(1.1);}
	#m_prod_li li span.more {height:90px;font-weight:100;font-size:.9em;color:#666;line-height:90px;text-align:center;transition:all .2s;}
	#m_prod_li li:hover span.more {opacity:0;}
	#m_prod_li li span.cont {position:absolute;left:0;right:0;bottom:0;height:90px;padding:15px;font-weight:300;font-size:.9em;line-height:1.4em;text-align:left;background:#fff;opacity:0;transition:all .2s;}
	#m_prod_li li:hover span.cont {opacity:1;} span.cont {position:absolute;left:0;right:0;bottom:0;height:90px;padding:15px;font-weight:300;font-size:.9em;line-height:1.4em;text-align:left;background:#fff;opacity:0;transition:all .2s;}