/* comm */
body{ position: relative; width: 100%; height: 100%; background-color: #000000; }
.iwrap{ width: 100%; display: block; position: relative; background-repeat: no-repeat; background-position: center top; z-index: 0;}
.iwrap .icont{ width: 988px; margin: 0 auto; position: relative;}
.iw1{ background-image: url("../images/bg_01.jpg"); height: 820px;}
.iw2{ background-image: url("../images/bg_02.jpg"); height: 317px;}
.iw3{ background-image: url("../images/bg_03.jpg"); height: 643px;}
.iw4{ background-image: url("../images/bg_04.jpg"); height: 557px;}
.nav{ position: fixed; top: 0; width: 100%; min-width: 1163px; z-index: 1;}
.navbg{ width: 1163px; height: 59px; display: block; position: relative; margin: 0 auto; background: url("../images/nav_bg.png") center top no-repeat;}
.navbg ul{ display: block; width: 100%; position: absolute; z-index: 2}
.navbg a.logo { position: relative; z-index: 1;}
.navbg a.logo img{ display: block; margin: 0 auto; }
.navbg ul li{ position: absolute; top: 22px;}
.navbg ul li.l1{ left: 120px;}
.navbg ul li.l2{ left: 310px;}
.navbg ul li.l3{ left: 350px;}
.navbg ul li.l4{ left: 770px;}
.navbg ul li.l5{ left: 961px;}
.navbg ul li a{ color: #e1b400; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.navbg ul li.act a, .navbg ul li a:hover{ color: #fffd1c;}
.iw1 .sq{ width: 561px; height: 425px; display: block; margin: 0 auto; background: url("../images/sq.png") center bottom no-repeat;}
.video{ width: 247px; height: 120px; display: block; margin: 50px auto 0; position: relative;}
.video ul { width: 192px; height: 116px; display: block; overflow: hidden; position: relative; margin: 0 auto;}
.video ul li a{ width: 192px; height: 116px; display: block; position: absolute;}
.video ul li a span{ width: 85px; height: 85px; display: block; margin: 16px auto 0; background: url("../images/arr.png") 0 -48px no-repeat;}
.video ul li a:hover span{ background-position: 0 -133px;}
.video .arr{ width: 13px; height: 24px; top:50px; display: block; position: absolute; background-image: url("../images/arr.png"); background-repeat: no-repeat;}
.video .arr.al{ background-position: 0 0; left: 0;}
.video .arr.ar{ background-position: -13px 0; right: 0;}
.video .arr.al:hover{ background-position: 0 -24px;}
.video .arr.ar:hover{ background-position: -13px -24px;}
.fr{ float: right;}
.fl{ float: left;}
.fr.slider{ width: 573px; height: 299px; display: block; border: 1px solid #dcf28c;}
.fl.newstab{ width: 386px;}
.slider .slider_border{ width: 573px; height: 299px; background-color: #d7cfb1; position: relative; margin-bottom: 10px;}
#slider{ width: 573px; height: 299px; display: block; position: relative; background-color: #000000;}
#slider_ul{ }
.slider_list{ position: absolute; top: 0; left: 0; display: none; background-repeat: no-repeat;}
.slider_list a{ width: 573px; height: 299px; display: block;}

#thumb_ul{ position: absolute; right: 15px; bottom: 15px;}
#thumb_ul li{ width: 16px; height: 16px; border-radius: 16px; display: block; line-height: 99px; overflow: hidden; background-color: #d6fd4c; float: left; margin: 0 3px; cursor: pointer;}
#thumb_ul li.active{ background-position: -16px -78px; background-color: #FFFFFF;}

ul.newsnav{ width: 100%; height: 40px; line-height: 40px; border: 1px solid #afc248; border-width: 0 0 1px; display: block; position: relative;}
ul.newsnav li{ float: left; padding: 0 5px; margin-right: 20px;}
ul.newsnav li a{ color: #FFFFFF; text-transform: uppercase;}
ul.newsnav li:hover, ul.newsnav li.ui-state-active{ border: 1px solid #deff0b; border-width: 0 0 2px;}
ul.newsnav li:hover a{ color: #deff0b;}
.article{ width: 100%; display: block; padding-top: 5px;}
.article a{ height: 40px; padding-top: 10px; display: block; background: url("../images/line.png") center bottom repeat-x;}
.article a h5{ color: #FFFFFF; font-size: 14px; font-weight: 100;}
.article a:hover h5{ color: #deff0b;}
.article a .date{ padding-top: 5px; font-size: 12px; color: #dbdbdb; width: 100%; text-align: right;}
.article a:hover .date{ color: #b5c740;}
.newstab{ position: relative;}
.newstab .more{ width: 48px; height: 40px; display: block; position: absolute; right: 0; top: 0; background: url("../images/more.png") 0 0 no-repeat;}
.newstab .more:hover{ background-position: 0 -40px;}

.guides_tabs ul.gnav{ width: 150px; height: 227px; top: 190px; right: 0; position: absolute; background: url("../images/guides_ui.png") -300px 0 no-repeat; display: block;}
.guides_tabs ul.gnav li{ width: 150px; height: 57px; display: block; background-image: url("../images/guides_ui.png"); background-repeat: no-repeat;}
.guides_tabs ul.gnav li.l1{ background-position: -150px 0;}
.guides_tabs ul.gnav li.l2{ background-position: -150px -57px; margin: 28px 0;}
.guides_tabs ul.gnav li.l3{ background-position: -150px -114px;}
.guides_tabs ul.gnav li.l1.ui-tabs-active, .guides_tabs ul.gnav li.l1:hover{ background-position: 0 0;}
.guides_tabs ul.gnav li.l2.ui-tabs-active, .guides_tabs ul.gnav li.l2:hover{ background-position: 0 -57px;}
.guides_tabs ul.gnav li.l3.ui-tabs-active, .guides_tabs ul.gnav li.l3:hover{ background-position: 0 -114px;}
.guides_tabs ul.gnav li a{ width: 150px; height: 57px; display: block;}
#g_heroes, #g_systems, #g_guild{ position: absolute; left: 0;}
#g_systems { top: 140px;}
#g_systems .gcont{ width: 700px; height: 310px; padding-top: 20px; display: block; background: rgba(255,255,255,0.4);}
#g_systems .gcont ul li{ width: 155px; height: 46px; margin:0 0 10px 10px; padding-left: 61px; line-height: 46px; float: left; display: block; background: url("../images/systems_img.png") 0 0 no-repeat;}
#g_systems .gcont ul li a{ color: #011222; font-size: 12px; display: block; height: 46px; line-height: 46px; text-transform: uppercase; text-decoration: underline;}
#g_systems .gcont ul li a:hover{ color: #fff79a;}
#g_systems .gcont ul li.s1{ background-position: 0 0;}
#g_systems .gcont ul li.s2{ background-position: 0 -46px;}
#g_systems .gcont ul li.s3{ background-position: 0 -92px;}
#g_systems .gcont ul li.s4{ background-position: 0 -138px;}
#g_systems .gcont ul li.s5{ background-position: 0 -184px;}
#g_systems .gcont ul li.s6{ background-position: 0 -230px;}
#g_systems .gcont ul li.s7{ background-position: 0 -276px;}
#g_systems .gcont ul li.s8{ background-position: 0 -322px;}
#g_systems .gcont ul li.s9{ background-position: 0 -368px;}
#g_systems .gcont ul li.s10{ background-position: 0 -414px;}
#g_systems .gcont ul li.s11{ background-position: 0 -460px;}
#g_systems .gcont ul li.s12{ background-position: 0 -506px;}
#g_systems .gcont ul li.s13{ background-position: 0 -552px;}
#g_guild { top: 100px; }
#g_guild .gcont{ width: 745px; height: 310px; padding-top: 20px; display: block;}
#g_guild .gcont .title{ text-transform: uppercase; width: 358px; height: 62px; line-height: 62px; font-size: 24px; color: #02403f; font-weight: bold; text-align: center;}
#g_guild .gcont .alist{ width: 358px; height: 254px; display: block; background: rgba(255,255,255,0.4);}
#g_guild .gcont .alist ul { display: block; width: 324px; margin: 0 auto;}
#g_guild .gcont .alist ul li{ display: block; width: 324px; margin: 0 auto; }
#g_guild .gcont .alist ul li a{ color: #02403f; text-decoration: none; height: 54px; width: 324px; padding-top: 20px; display: block; background: url("../images/line2.png") center bottom repeat-x;}
#g_guild .gcont .alist ul li a:hover{ color: #deff0b;}

#g_heroes .arr{ position: absolute; left: 150px;}
#g_heroes .arr a{ width: 50px; height: 26px; display: block; position: absolute; background-image: url("../images/guides_ui.png"); background-repeat: no-repeat; cursor: pointer;}
#g_heroes .arr a.fprev{ background-position: -150px -171px; top: 60px;}
#g_heroes .arr a.fnext{ background-position: -200px -171px; top: 540px;}
#g_heroes .arr a.fprev:hover{ background-position: -50px -171px;}
#g_heroes .arr a.fnext:hover{ background-position: -100px -171px;}
#g_heroes .heroimg{ width: 457px; height: 428px; top: 100px; left: -130px; display: block; position: absolute; overflow: hidden;}
#g_heroes .heroimg div{ width: 457px; height: 428px; display: block; background-repeat: no-repeat; position: absolute;}
#g_heroes .heroimg .h1{ background-image: url("../images/hero1.png"); top: 0;}
#g_heroes .heroimg .h2{ background-image: url("../images/hero2.png"); top: 428px;}
#g_heroes .heroimg .h3{ background-image: url("../images/hero3.png"); top: 428px;}
#g_heroes .heroimg .h4{ background-image: url("../images/hero4.png"); top: -428px;}
.heroinfo{ width: 477px; height: 420px; top: 120px; left: 310px; display: block; position: absolute; }
.heroinfo .h1, .heroinfo .h2, .heroinfo .h3, .heroinfo .h4{ display: none;}
.heroinfo  .act{ display: block;}
.heroinfo .heroname{ font-size: 36px; font-weight: bold; color: #005856; text-transform: uppercase;}
.heroinfo a.more{ display: block; color: #011222; text-decoration: underline; font-size: 12px; margin-bottom: 5px;}
.heroinfo .description h5, .heroinfo .skill_tab h5{ margin: 10px 0 5px; font-size: 18px; color: #02403f; font-weight: bold; text-transform: uppercase;}
.heroinfo .description p{ font-size: 14px; color: #011222; padding-bottom: 10px;}
.skill_tab ul { padding-top: 10px;}
.skill_tab ul li { width: 110px; display: block; float: left;}
.skill_tab ul li a span.skillimg{ width: 62px; height: 62px; margin: 5px auto 10px; display: block; background-image: url("../images/skill.png"); background-repeat: no-repeat; }
.h1 ul li.s1 a span.skillimg{ background-position: 0 0;}
.h1 ul li.s2 a span.skillimg{ background-position: -62px 0;}
.h1 ul li.s3 a span.skillimg{ background-position: -124px 0;}
.h1 ul li.s4 a span.skillimg{ background-position: -186px 0;}
.h2 ul li.s1 a span.skillimg{ background-position: 0 -62px;}
.h2 ul li.s2 a span.skillimg{ background-position: -62px -62px;}
.h2 ul li.s3 a span.skillimg{ background-position: -124px -62px;}
.h2 ul li.s4 a span.skillimg{ background-position: -186px -62px;}
.h3 ul li.s1 a span.skillimg{ background-position: 0 -124px;}
.h3 ul li.s2 a span.skillimg{ background-position: -62px -124px;}
.h3 ul li.s3 a span.skillimg{ background-position: -124px -124px;}
.h3 ul li.s4 a span.skillimg{ background-position: -186px -124px;}
.h4 ul li.s1 a span.skillimg{ background-position: 0 -186px;}
.h4 ul li.s2 a span.skillimg{ background-position: -62px -186px;}
.h4 ul li.s3 a span.skillimg{ background-position: -124px -186px;}
.h4 ul li.s4 a span.skillimg{ background-position: -186px -186px;}
.skill_tab ul li a span.sname{ width: 100%; color: #011222; display: block; text-align: center; font-size: 12px; text-transform: uppercase;}
.skill_tab ul li:hover a span.sname{ color: #deff0b;}
.sbat{ width: 20px; height: 12px; display: block; margin: 0 auto; background: none;}
.h3 .s1 .sbat, .h3 .s2 .sbat, .h3 .s3 .sbat{ margin-top: 14px;}
.ui-tabs-active .sbat, .skill_tab ul li:hover a span.sbat{ background: url("../images/guides_ui.png") -250px -171px;}
.skill_tab .skillinfo{ background: rgba(255,255,255,0.38); width: 444px; padding: 10px; font-size: 14px; clear: both;}

.faq { width: 330px;}
.faq ul { width: 100%; display: block;}
.faq ul li{ display: block; width: 100%; background: url("../images/line3.png") center bottom repeat-x;}
.faq ul li a{ display: block;}
.faq ul li a p.q{ color: #FFFFFF; font-size: 14px; height: 40px; line-height: 40px;}
.faq ul li a p.a{ color: #ffc600; line-height: 30px;}
.faq a.more{ margin-top: 10px; width: 100%; display: block; color: #e0af07; font-size: 12px; text-align: right;}
#art_slider{ width: 460px; height: 240px; position: relative;}
#art_slider a.goLeft{ left: -40px; top: 96px; position: absolute; z-index: 4; width: 25px; height: 50px; background: url("../images/arr2.png") 0 0 no-repeat; cursor: pointer;}
#art_slider a.goRight{ right: -40px; top: 96px; position: absolute; z-index: 4; width: 25px; height: 50px; background: url("../images/arr2.png") -25px 0 no-repeat; cursor: pointer;}
#art_slider a.goLeft:hover{ background-position: 0 -50px;}
#art_slider a.goRight:hover{ background-position: -25px -50px;}
#slider_ui li{ width: 460px; height: 240px; display: block; position: absolute; border: 1px solid #f3b101;}
#slider_ui li.mid{ width: 460px; height: 240px; z-index: 3; top: 0; left: 0; animation:art_ease 0.5s 1;
-moz-animation:art_ease 0.5s 1; /* Firefox */
-webkit-animation:art_ease 0.5s 1; /* Safari and Chrome */
-o-animation:art_ease 0.5s 1; /* Opera */
}
#slider_ui li.r01{ width: 400px; height: 209px; top: 15px; right: -50px; z-index: 2; -webkit-filter:brightness(50%); filter:brightness(50%); animation:art_ease 0.5s 1;
-moz-animation:art_ease 0.5s 1; /* Firefox */
-webkit-animation:art_ease 0.5s 1; /* Safari and Chrome */
-o-animation:art_ease 0.5s 1; /* Opera */
}
#slider_ui li.l01{ width: 400px; height: 209px; top: 15px; left: -50px; z-index: 2; -webkit-filter:brightness(50%); filter:brightness(50%); animation:art_ease 0.5s 1;
-moz-animation:art_ease 0.5s 1; /* Firefox */
-webkit-animation:art_ease 0.5s 1; /* Safari and Chrome */
-o-animation:art_ease 0.5s 1; /* Opera */
}
#slider_ui li.other{position: absolute; left: 0; top: 0; z-index: 0; }

@keyframes art_ease{
    from{opacity: 0}
    to{opacity: 1}
}
@-moz-keyframes art_ease{
    from{opacity: 0}
    to{opacity: 1}
}
@-webkit-keyframes art_ease{
    from{opacity: 0}
    to{opacity: 1}
}
@-o-keyframes art_ease{
    from{opacity: 0}
    to{opacity: 1}
}
.w940{ width: 940px; margin: 0 auto;}
.footer{ width: 100%; height: 200px; position: absolute; bottom: 0; clear: both; background: #000000;}

.footer{ padding-top: 80px;}
.footer a, .footer p{ color: #949393; font-size: 12px;}
.footer .r2logo{ height: 56px; display: block; background: url("../images/r2logo.png") top right no-repeat; }
.footer .fr{ width: 570px;}
.footer .fl{ width: 310px;}
ul.footer-hd{ display: block; height: 20px; padding-top: 15px; padding-bottom: 3px;}
ul.footer-hd li{ float: left; }
ul.footer-hd li a{ float: left;}
.footer .i-separation{    position: relative;
    top: 2px;
    float: left;
    width: 0px;
    height: 10px;
    margin: 0 17px 0 17px;
    border-right: 1px solid #3c3c3c;}
.findus{ position: absolute; right: 10px; top: 50px;}
.findus a{ float: left; margin: 0 5px; width: 32px; height: 32px; display: block; background: url("../images/findus.png") 0 0 no-repeat;}
.findus a.facebook{ background-position: 0 0;}
.findus a.google{ background-position: -32px 0;}
.findus a.twitter{ background-position: -64px 0;}
.findus a.facebook:hover{ background-position: 0 -32px;}
.findus a.google:hover{ background-position: -32px -32px;}
.findus a.twitter:hover{ background-position: -64px -32px;}

body.subpage{ background: url("../images/bg1.jpg") center top no-repeat;}
body.subpage .page_content{ width: 100%; height: 100%; position: relative; background: url("../images/bg2.jpg") center top no-repeat;}
body.subpage .header{ height: 461px; display: block;}
body.subpage .main{ width: 1100px; margin: 0 auto;}
body.subpage .cont .cont_top{ width: 1071px; height: 82px; margin: 0 auto; display: block; background: url("../images/artbg1.png") center top no-repeat; position: relative;}
body.subpage .cont .cont_mid{ width: 1071px; min-height: 965px; margin: 0 auto; display: block; background: url("../images/artbg2.png") center top repeat-y; position: relative;}
body.subpage .cont .cont_bot{ width: 1071px; height: 50px; margin: 0 auto 100px; display: block; background: url("../images/artbg1.png") center bottom no-repeat; position: relative;}
body.subpage .cont .cont_top .breadcrumb{ position: absolute; top: 36px; left: 70px;}
body.subpage .cont .cont_top .breadcrumb a, body.subpage .main .cont .cont_top .breadcrumb span{ float: left; color: #fffd1c; font-size: 12px;}
body.subpage .cont .cont_top .breadcrumb span{ margin: 0 5px;}
body.subpage .cont .cont_mid .art{ padding: 0 70px; color: #ffffff !important;}
body.subpage .cont .cont_mid .art *{ color: #ffffff !important;}
body.subpage .cont .cont_mid .art .title{ text-align: center; font-size: 18px !important; font-weight: bold;}
body.subpage .cont .cont_mid .art .art_cont{ font-size: 14px !important; font-weight: 100 !important; padding-top:10px; line-height: 24px !important;}
body.subpage .cont .cont_mid .art .art_cont img{ max-width: 931px !important; display: block; margin: 10px auto;}

body.subpage .cont .cont_mid.faq .faqlist{ padding: 0 70px;} 
body.subpage .cont .cont_mid.faq .title{ color: #fffd1c; font-size: 18px; height: 52px; line-height: 52px; font-weight: bold; background: url("../images/line4.png") center bottom repeat-x;}
body.subpage .cont .cont_mid.faq a{ display: block; background: url("../images/line3.png") center bottom repeat-x;}
body.subpage .cont .cont_mid.faq a h5{ color: #fffd1c; font-size: 16px; line-height: 52px; font-weight: 100;}
body.subpage .cont .cont_mid.faq a p{ color: #ffffff; font-size: 12px; min-height: 60px; line-height: 30px; padding-bottom: 20px;}

body.subpage .article a { height: 100px; clear: both;}
body.subpage .article .photo{ float: left; width: 119px; height: 83px; display: block; overflow: hidden; border: 1px solid #edf027;}
body.subpage .article .photo img{ display: block;}
body.subpage .article .cont-right{ float: right; width: 790px; }
body.subpage .cont_mid .art .article .cont-right h5{ color: #fffd1c!important; font-size: 16px; font-weight: bold;}
body.subpage .cont_mid .art .article .cont-right p{ font-size: 12px; height: 42px; line-height: 21px; overflow: hidden;}
body.subpage .cont_mid .art .article .cont-right .date{ text-align: left; color: #e4e20f !important;}
body.subpage .cont_mid .art ul.newsnav li a{ font-weight: bold;}
body.subpage .cont_mid .art ul.newsnav li.ui-tabs-active a{ color: #fffd1c !important;}

.syslist .slist{ float: left; width: 240px; margin-left: 60px; background: url("../images/line5.png") right top repeat-y;}
.syslist .slist ul li{ width: 155px; height: 46px; margin:0 0 20px 10px; padding-left: 61px; line-height: 46px; display: block; background: url("../images/systems_img.png") 0 0 no-repeat;}
.syslist .slist ul li a{ color: #c0dffa; font-size: 12px; display: block; height: 46px; line-height: 46px; text-transform: uppercase; text-decoration: underline;}
.syslist .slist ul li a:hover{ color: #fff79a;}
.syslist .slist ul li.s1{ background-position: 0 0;}
.syslist .slist ul li.s2{ background-position: 0 -46px;}
.syslist .slist ul li.s3{ background-position: 0 -92px;}
.syslist .slist ul li.s4{ background-position: 0 -138px;}
.syslist .slist ul li.s5{ background-position: 0 -184px;}
.syslist .slist ul li.s6{ background-position: 0 -230px;}
.syslist .slist ul li.s7{ background-position: 0 -276px;}
.syslist .slist ul li.s8{ background-position: 0 -322px;}
.syslist .slist ul li.s9{ background-position: 0 -368px;}
.syslist .slist ul li.s10{ background-position: 0 -414px;}
.syslist .slist ul li.s11{ background-position: 0 -460px;}
.syslist .slist ul li.s12{ background-position: 0 -506px;}
.syslist .slist ul li.s13{ background-position: 0 -552px;}
body.subpage .cont .cont_mid.syslist .art{ float: right; width: 630px; padding: 0 90px 0 50px;}
body.subpage .cont .cont_mid.syslist .art .art_cont img{ max-width: 630px;}
body.subpage .cont .herolist .art{ padding-top: 30px;}
/* 英雄列表 */
body.subpage .herolist .lr{ width: 790px; height: 150px; margin: 0 auto 20px; display: block; background: #00203b; border-radius: 9px; overflow: hidden;}
body.subpage .herolist .lr ul { padding: 14px 6px 0; width: 768px; display: block; margin: 0 auto;}
body.subpage .herolist .lr ul li{ width: 90px; float: left; margin: 0 3px;}
body.subpage .herolist .lr ul li span.photo{ width: 90px; height: 90px; margin: 0 auto 3px; display: block; background-repeat: no-repeat; background-position: 0 0;}
body.subpage .herolist .lr ul li span.name{ width: 90px; height: 20px; display: block; line-height: 20px; border-radius: 6px; background: #fafb20; color: #07469b !important; font-size: 12px; text-align: center;}

body.subpage .herolist .lr ul li span.photo:hover{ background-position: -90px 0;}

.heropop , .pop.video{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; padding: 0; margin: 0;}
.heropop .heropopbg{ width: 610px; min-height: 395px; display: block; margin: 150px auto 0; border-radius: 6px; border: 8px solid #00203b; background: #002a4e; position: relative; z-index: 15;}
.heropop .heropopbg .herocont{ width:530px; margin: 0 auto; padding: 20px 0; color: #FFFFFF; font-size: 14px;}
.heropop .heropopbg .herocont a.close{width: 14px; height: 14px; display: block; position: absolute; right: 10px; top: 10px; background: url("../images/close.png") 0 0 no-repeat;}
.heropop .heropopbg .herocont a.close:hover{ background-position: 0 -14px;}
.heropop .heropopbg .herocont .heroname{ font-size: 36px; font-weight: bold; color: #fffd1c; text-transform: uppercase;}
.heropop .heropopbg .herocont .description h5, .heropop .heropopbg .herocont .skill_tab h5{ color: #e1b400; font-size: 18px; margin-top: 10px;}
.heropop .heropopbg .herocont .description p{ padding: 10px 0 0;}
.heropop .heropopbg .herocont .skill_tab ul li { width: 131px;}
.heropop .heropopbg .herocont .skill_tab ul li a span.sname{ color: #e1b400; font-size: 12px; text-transform: none;}
.heropop .heropopbg .herocont .skill_tab .skillinfo{ width: 510px;}
.heropop .heropopbg .herocont .skill_tab ul li a span.skillimg { background: none;}
.heropop .heropopbg .herocont .skill_tab ul li a span.skillimg img{ width: 62px; height: 62px; display: block; border: 0 none;}
.mask{ background: url("../images/mask50.png") center top repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5}
.pop .coming, .videowarp{width:920px; margin: 0 auto; position: relative; z-index: 15; }
.videowarp iframe{ width: 560px; height: 315px; display: block; margin: 0 auto; position: relative; top: 100px; background: #FFFFFF;}
.video a.close {width: 14px; height: 14px; margin: 10px 10px 0 0; display: block; position: absolute; right: 170px; top: 70px; cursor: pointer; background: url("../images/close.png") 0 -14px no-repeat; }
.video a.close:hover{ background-position: 0 -14px;}