* {margin:0;padding:0;border:0}
img{display:block}
body{background:#ededed}
.clr{clear:both}

*{font-family:'Open Sans',Arial,sans-serif}
.main-gm-menu13-c{background:#e5e5e5;margin-bottom:15px}
.main-gm-menu13{width:980px;margin-left:auto;margin-right:auto;height:20px;padding-top:20px;padding-bottom:10px;padding-left:30px}
.main-gm-menu13-logo{margin-left:20px;margin-right:20px;display:block}
.main-gm-menu13-logo img{padding-top:3px}
.main-gm-menu13-logo:hover img{opacity:0.6}

.celhead{width:980px;margin-left:auto;margin-right:auto;}
.celhead h1,.celhead p{font-size:12px;display:inline-block;line-height:14px;color:#333333}
.celhead h1{margin-left:20px;margin-bottom:15px}



.main-c{width:980px;margin-left:auto;margin-right:auto;background:#ffffff;padding-top:20px;margin-bottom:20px}
.cel584{width:584px;margin-left:20px;float:left}
.cel336{width:336px;margin-left:20px;float:left}

.mp-ban1{margin-bottom:20px}

.mp-hot{width:584px;height:280px;position:relative;margin-bottom:20px;background:#000000;overflow:hidden}
.mp-hot img{width:584px;height:280px;position:absolute;top:0px;left:0px;border-radius:5px;}
.mp-hot a{width:584px;height:280px;position:absolute;top:0px;left:0px;display:block}
.mp-hot h2{font-size:24px;line-height:24px;padding:8px;padding-left:15px;background:rgba(0,0,0,0.85);color:#ffffff;position:absolute;bottom:47px;left:0px;display:inline-block;font-weight:600;letter-spacing:-1px;transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;}
.mp-hot .p1{font-size:14px;line-height:19px;padding:5px;padding-left:15px;background:rgba(255,255,255,0.9);color:#000000;position:absolute;bottom:20px;left:0px;display:inline-block;font-weight:600;transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;}
.mp-hot .p2{font-size:14px;line-height:19px;padding:5px;padding-left:15px;background:rgba(255,255,255,0.9);color:#000000;position:absolute;top:280px;left:0px;display:inline-block;font-weight:400;opacity:0;transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;}
.mp-hot .p2 span{background:#ffc600;padding-left:5px;padding-right:5px;margin-left:5px}

.mp-hot:hover img{opacity:0.8}
.mp-hot:hover h2{bottom:147px;font-size:32px;line-height:32px;color:#ffc600}
.mp-hot:hover .p1{bottom:120px;background:#ffc600}
.mp-hot:hover .p2{opacity:1;top:180px}


.mp-hot05{width:282px;height:280px;position:relative;margin-bottom:20px;background:#000000;float:left;overflow:hidden}
.mp-hot05 img{width:282px;height:280px;position:absolute;top:0px;left:0px;border-radius:5px;}
.mp-hot05 a{width:282px;height:280px;position:absolute;top:0px;left:0px;display:block}
.mp-hot05 h2{font-size:20px;line-height:20px;padding:8px;padding-left:15px;background:rgba(0,0,0,0.85);color:#ffffff;position:absolute;bottom:20px;left:0px;display:inline-block;font-weight:600;letter-spacing:-1px;transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;}
.mp-hot05 .p2{font-size:13px;line-height:17px;padding:5px;padding-left:15px;background:rgba(255,255,255,0.9);color:#000000;position:absolute;top:280px;left:0px;display:inline-block;font-weight:400;opacity:0;transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;}
.mp-hot05 .p2 span{background:#ffc600;padding-left:5px;padding-right:5px;margin-left:5px}

.mp-hot05:hover img{opacity:0.8}
.mp-hot05:hover h2{bottom:200px;color:#ffc600}
.mp-hot05:hover .p2{opacity:1;top:80px}

.mp-hot05-right{margin-left:20px}


.mp-hot-r{width:336px;height:200px;position:relative;margin-bottom:20px;background:#000000;overflow:hidden}
.mp-hot-r img{width:336px;height:200px;position:absolute;top:0px;left:0px;border-radius:5px;}
.mp-hot-r a{width:336px;height:200px;position:absolute;top:0px;left:0px;display:block}
.mp-hot-r h2{font-size:20px;line-height:20px;padding:8px;padding-left:15px;background:rgba(255,255,255,0.9);color:#000000;position:absolute;bottom:20px;left:0px;display:inline-block;font-weight:600;letter-spacing:-1px;transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;}
.mp-hot-r .p2{font-size:13px;line-height:19px;padding:5px;padding-left:15px;background:rgba(255,255,255,0.9);color:#000000;position:absolute;top:280px;left:0px;display:inline-block;font-weight:400;opacity:0;transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;}
.mp-hot-r .p2 span{background:#ffc600;padding-left:5px;padding-right:5px;margin-left:5px}

.mp-hot-r:hover img{opacity:0.8}
.mp-hot-r:hover h2{bottom:130px;color:#ffc600;background:rgba(0,0,0,0.85)}
.mp-hot-r:hover .p2{opacity:1;top:80px}





.mp-top-games{width:584px;margin-bottom:20px}
.mp-top-games h2{font-size:24px;font-weight:600;margin-bottom:10px}
.mp-top-games p{font-size:14px;line-height:20px;margin-bottom:5px}
.mp-top-games .d1{width:340px;display:block;float:left;font-weight:600;padding-right:20px}
.mp-top-games .d2{width:90px;display:block;float:left;font-style:italic;color:#666666;font-size:12px}
.mp-top-games .d3{width:134px;display:block;float:left}
.mp-top-games a{color:#0066cc}
.mp-top-games a:hover{color:#ff3300}

.mp-top-games .more a{font-size:12px;margin-right:20px}

.bot{font-size:12px;text-align:center}
.bot img{margin-left:auto;margin-right:auto}

.updates a{font-size:13px;color: #0066CC;}
.updates a:hover{color:#ff3300}

.menu-top13-c{background:#333333;height:26px;}
.menu-top13{width:970px;margin-left:auto;margin-right:auto;padding-left:10px}
.menu-top13 a{font-family:'Open Sans',Arial,sans-serif;color:#eaeaea;display:inline-block;font-size:13px;text-decoration:none;height:26px;line-height:26px;font-weight:600;padding-left:10px;padding-right:10px}
.menu-top13 a.main{color:#ffcc00}
.menu-top13 a:hover{background:#1c80dc;color:#ffffff}