/*--clearfix--*/
.clf:before, .clf:after{ content:'.'; display:block; height:0; visibility:hidden;}
.clf:after{ clear:both;}
.clf{ *zoom:1;}
/* Fix base */
#globalheader{ margin-bottom:6px; height:auto;}
#globalheader .top{ height:32px;}
.wrap{ width:980px;}
body{ font:12px/1.5 Arial,"SimSun","\5FAE\8F6F\96C5\9ED1";}
h1, h2, h3, h4{ font:100%/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,"SimSun";}

/* container */
.container{ border:1px solid #d6d6d6; margin-bottom:15px;}
.m_head{ background:#fff; border-bottom:1px solid #d6d6d6; font-family:"\5FAE\8F6F\96C5\9ED1"; height:192px; position:relative;}
.m_head .logo{}
.m_head h1{ height:192px; width:980px; position:absolute; }
.m_head h1 a{ display:block; height:100%; overflow:hidden;}
.m_head h1 img{ margin-top:0; vertical-align:top}
.m_head .counter{ color:#ff5151; font-size:18px; position:absolute; right:26px; bottom:60px;}
.m_head .nav{ position:absolute; right:26px; bottom:26px;}
.m_head .nav a{ float:left; background:url(../images/icons.png) no-repeat 0 30px; color:#666; font-size:18px; font-weight:bold; margin-left:10px; padding-left:18px; display:inline;}
.m_head .nav a:hover, .m_head .nav a.hover{ background-position:0 4px; color:#333; text-decoration:none;}

/* m_title */
.m_title{ padding-bottom:10px;}
.m_title h3{ display:inline-block; background:#83dbff; color:#fff; font:18px/26px "\5FAE\8F6F\96C5\9ED1"; padding:0 6px; height:26px; position:relative; *display:inline; *zoom:1;}
.m_title h3 .arrow{ border-color:#83dbff transparent; border-style:solid dashed; border-width:10px 5px 0; font-size:0; margin:0; height:0; width:0; position:absolute; bottom:-8px; left:10px; overflow:hidden;}

/* top_info */
.top_info{ border-bottom:1px solid #d6d6d6;}
.top_info .top_main{ float:left; border-right:1px solid #d6d6d6; padding:12px 10px 20px; width:650px;}
.top_main .v_panel{ float:left; width:405px;}
.top_main .v_inner{ margin-bottom:15px; height:270px;}
.top_main .m_desc{ color:#8f8f9d; line-height:1.8; text-indent:2em;}
.top_main .s_panel{ float:right; width:230px;}
.s_panel .m_title h3{ background-color:#ffabf2}
.s_panel .m_title .arrow{ border-top-color:#ffabf2}
.s_ad_214_154{ padding-top:10px;}

.top_info .top_slider{ float:right; border-left:1px solid #d6d6d6; margin-left:-1px; padding:12px 10px 20px; width:289px;}
.topic_title{ background:url(../images/wwdc.png) repeat-x 0 100%; padding-bottom:11px;}
.topic_title h3{ background:url(../images/wwdcicons.png) no-repeat 0 -16px; line-height:32px; height:32px; color:#333; font-size:18px; font-weight:bold; padding-left:26px;}
.topic_main{ padding-top:10px;}
.topic_main li{ line-height:28px; width:100%; position:relative;}
.topic_main li a{ color:#8f8f9d; margin-left:38px;}
.topic_main .addr{ color:#00b4ff; position:absolute; left:0; top:0}
.topic_main .timer{ color:#8f8f9d; position:absolute; right:0; top:0}

/* m_map_shell */
.m_map_shell{ background:url(../images/china.png) no-repeat 5px 25px; border-bottom:1px solid #d6d6d6; height:588px;}
.m_map_title{ width:420px; position:absolute; left:10px; top:24px; text-align:center}
.m_map_title h3{ background:#fff2ab; color:#d2b92f; font-size:42px;}
.m_map_title h4{ color:#666; font-size:43px; font-weight:bold;}
.m_map{ height:20px; width:14px; position:absolute;}
.m_map .dot{ display:block; background:url(../images/icons.png) no-repeat 0 -72px; height:100%;}
.m_map_inner{ display:none; background:#dcebfb; border:1px solid #b4cee8; height:195px; width:252px; position:absolute; bottom:36px; left:-120px; opacity:0; -webkit-transition:opacity .5s ease; -moz-transition:opacity .5s ease;}
.m_map .tit, .m_map .links{ width:58px; position:absolute; left:190px;}
.m_map .tit, .m_map .tit:hover{ color:#617a95; font:bold 18px/1.5 "\5FAE\8F6F\96C5\9ED1"; top:5px; text-align:center; text-decoration:none}
.m_map .pic{ position:absolute; left:5px; top:5px;}
.m_map .info{ color:#7089a3; position:absolute; top:152px; left:5px;}
.m_map .links{ top:36px;}
.m_map .links a{ color:#7089a3}
.m_map_shell .arrow, .m_map_shell .arrow em{ border-color:#b4cee8 transparent; border-style:solid dashed; border-width:15px 7px 0; font-size:0; margin:0 0 -15px -1px; position:absolute; bottom:0; left:120px;}
.m_map_shell .arrow em{ border-color:#dcebfb transparent; margin:-18px 0 0 -7px; bottom:auto; left:0; top:0;}
.m_map:hover, .m_map_hover, .m_map_curr{}
.m_map:hover .dot, .m_map_hover .dot, .m_map_curr .dot{ background-position:0 -52px;}
.m_map:hover .m_map_inner, .m_map_hover .m_map_inner{ display:block; opacity:1;}
.m_map_shell .shenzhen{ left:476px; top:494px;}

.m_map_slider{ width:300px; position:absolute; right:8px; top:22px;}
.m_weibo{ border:1px solid #d6d6d6; margin-bottom:20px; position:relative; _zoom:1;}
.m_weibo .tit{ background:#fff; color:#f60; font-size:12px; font-weight:bold; line-height:20px; padding:0 5px; position:absolute; left:15px; top:-12px;}
.m_weibo_main{ border-bottom:1px solid #d6d6d6; padding:10px;}
.m_weibo_main a{ margin:0 20px 0 10px;}
.m_weibo_main img{ vertical-align:middle}
.m_weibo_info{ background:#f6f6f6; border-top:1px solid #fff; color:#666; line-height:22px; padding:0 8px;}
.m_weibo .arrow, .m_weibo .arrow em{ border-color:#dbdbdb transparent; border-width:0 6px 6px; bottom:38px; left:32px;}
.m_weibo .arrow em{ border-color:#f6f6f6 transparent; margin:1px 0 0 -6px; left:0; top:0; bottom:auto;}

.m_talk{ position:relative; _zoom:1;}
.m_talk .m_title{ margin:0 0 6px 54px; padding-bottom:22px;}
.m_talk .pic{ position:absolute; left:0; top:0;}
.m_talk .share{ width:208px; position:absolute; left:96px; top:32px; overflow:hidden;}
.m_talk_more{ margin:0; position:absolute; right:0; top:0;}
.m_talk_more h3{ background:#FFABF2;}
.m_talk_more a{ color:#fff;}
.m_talk_add{ border:1px solid #d6d6d6; padding:5px; text-align:right;}
.m_talk_add form{ height:22px;}
.m_talk_add .txt{ float:left; border:0; color:#333; font-size:14px; line-height:18px; padding:2px 3px; height:18px; width:220px; outline:0;}
.m_talk_add .btn{ float:right; border:0; background:#abc5ff; color:#fff; cursor:pointer; font-size:14px; line-height:22px; padding:0 8px; height:22px;}
.m_talk_add .btn:hover{ color:#fff; text-decoration:none;}
.m_talk_main{ background:#fbfbfb; border:1px solid #d6d6d6; border-width:0 1px; height:376px;}
.m_talk_main ul{ height:100%; width:100%; overflow:auto; position:relative; overflow-x:hidden}
.m_talk_main li{ line-height:24px; position:relative; *zoom:1;}
.m_talk_main li a{ color:#8f8f9d; margin:0 0 0 10px;}
.m_talk_main .timer{ color:#8f8f9d; position:absolute; right:10px; top:0}

.m_ad_980_90{ padding:10px 0 0;}

.best_panel{ border-bottom:1px solid #d6d6d6; margin-bottom:24px; padding-top:20px;}
.best_choose{ float:left; height:520px; width:680px; position:relative;}
.best_inner{ margin:0 auto; height:100%; width:438px; position:relative; overflow:hidden}
.best_inner ul{ height:100%; width:600%; position:absolute; left:0;}
.best_inner li{ float:left; height:100%; width:448px;}
.best_item{ float:left; padding:0 22px 20px; height:240px; width:180px; overflow:hidden; display:inline}
.best_item .pic, .best_item .pic img{ display:block; height:150px; width:180px;}
.best_item .name{ display:block; color:#333; font:bold 12px/1.5 Arial; padding:4px 0 0;}
.best_item .desc{ color:#8f8f9d; line-height:1.8; margin-bottom:4px; height:42px; width:100%; overflow:hidden; word-break:break-word; text-overflow:ellipsis;}
.best_item .counter{ display:block; background:#ebebeb; color:#8f8f9d; cursor:default; font:bold 14px/22px Arial; height:22px; text-indent:8px;}
.best_item .btn{ background:url(../images/icons.png) no-repeat 0 -90px; margin:-20px 0 0 154px; height:20px; width:20px; position:absolute; text-indent:-9999em;}
.best_item .btn:hover{ background-position:0 -110px;}
.best_choose .prev, .best_choose .next{ background:#ddd; border:1px solid #CCC; border-radius:4px; height:120px; width:46px; position:absolute; left:40px; top:90px; text-indent:-9999em;}
.best_choose .next{ left:auto; right:40px;}
.best_choose .prev:hover, .best_choose .next:hover{ background-color:#999;}
.best_choose .prev i, .best_choose .next i{ border-color:transparent #333; border-style:dashed solid; border-width:10px 10px 10px 0; cursor:pointer; font-size:0; margin:-10px 0 0 -5px; height:0; width:0; position:absolute; left:50%; top:50%;}
.best_choose .next i{ border-width:10px 0 10px 10px;}
.best_choose .prev:hover i, .best_choose .next:hover i{ border-color:transparent #fff;}
.best_choose .prev em, .best_choose .next em{ display:none}

.best_choose .boy, .best_choose .girl{ background:url(../images/mascot.png) no-repeat; height:242px; width:277px; position:absolute; bottom:-20px; left:-84px; _display:none}
.best_choose .girl{ background-position:-277px 0; height:266px; width:146px; bottom:-18px; left:546px;}
.best_user{ float:right; padding-right:10px; width:280px;}
.best_user .tit{ background:url(../images/best_tit.png) no-repeat; height:76px; text-indent:-9999em;}
.best_main{ padding:5px;}
.best_main img{ vertical-align:middle}
.best_main h4{ color:#8f8f9d; font-size:30px; padding:10px 0 5px;}
.best_main p{ color:#8f8f9d; font-size:14px; word-break:break-word;}

.curr_city{ border-bottom:1px solid #d6d6d6; margin-bottom:20px; padding:0 10px 20px;}
.city_info{ float:left; width:320px;}
.city_info h3{ background:url(../images/curr_tit.png) no-repeat; height:108px; text-indent:-9999em;}
.city_info p{ color:#8f8f9d; line-height:1.8; text-indent:2em; padding:20px 0;}
.city_info .flag{ background:#9fedb4; color:#333; font:24px/1.5 "\5FAE\8F6F\96C5\9ED1"; padding:2px 8px;}
.city_pic{ float:left; padding-left:12px; width:320px;}
.city_pic .pic{ display:block; margin-bottom:10px;}
.city_pic img{ vertical-align:middle;}
.curr_link{ font-family:"\5FAE\8F6F\96C5\9ED1";}
.curr_link span{ float:left; width:33%;}
.curr_link strong{ display:block; color:#666; margin-bottom:5px;}
.curr_link a{ display:block; color:#8f8f9d; margin-bottom:3px;}
.city_maps{ float:right; width:300px;}
.city_map_panel{ margin-bottom:10px; height:240px; width:300px;}
.city_maps p{ color:#8f8f9d; line-height:2; word-break:break-all;}

.old_city{ border-bottom:1px solid #d6d6d6; margin-bottom:20px; padding:0 10px 0;}
.old_city .pics{ float:left; width:640px; *padding-bottom:20px;}
.old_city .pics a{ float:left; margin:0 20px 20px 0; height:192px; width:192px; display:inline}
.old_city .pics img{ display:block}
.old_city .city_info h3{ margin-bottom:10px;}
.old_city .city_info .city_video{ margin-bottom:10px;}
.old_city_even{}
.old_city_even .pics a{ margin:0 0 20px 20px;}

.coo_shell{ padding:0 10px 20px;}
.coo_shell h3{ background:url(../images/coo_tit.png) no-repeat; margin-bottom:20px; height:78px; text-indent:-9999em;}
.coo_shell ul{ padding:0 10px;}
.coo_shell li{ float:left; padding:0 15px 15px 0;}

/* city_item */
.city_shell{}
.city_head{ border-bottom:0; height:170px;}
.city_head h1{ height:130px;}
.city_head .citys{ position:absolute; bottom:20px; right:10px;}
.city_head .citys a{ float:left; background:#f1f1f1; color:#666; font:18px/32px Arial,"\5FAE\8F6F\96C5\9ED1"; margin-left:8px; padding:0 10px; height:32px; display:inline;}
.city_head .citys a:hover{ background:#333; color:#fff; text-decoration:none;}

.city_pics{ margin-bottom:30px; position:relative}
.city_pics_inner{ margin:0 auto; height:355px; width:960px; position:relative; overflow:hidden;}
.city_pics ul{ height:100%; width:600%; position:absolute; left:0; top:0;}
.city_pics li{ float:left; height:100%; width:960px;}
.city_pics .prev, .city_pics .next{ background:url(../images/pics_btn.png) no-repeat; height:40px; width:42px; position:absolute; left:-16px; top:140px; text-indent:-9999em; _background-image:url(../images/pics_btn_ie6.png); _left:-26px;}
.city_pics .next{ background-position:-42px 0; left:auto; right:-16px;}

.city_news{ border-bottom:1px solid #d6d6d6; margin-bottom:30px;}
.city_news_inner{ margin:0 auto; height:574px; width:960px; overflow:hidden;}
.city_new{ float:left; border-left:1px solid #d6d6d6; margin-left:-1px; width:240px; height:100%; width:240px; position:relative}
.city_new .pic{ display:block; margin-bottom:10px; position:relative}
.city_new .pic img{ display:block; width:100%}
.city_new .pic .panel{ height:100%; width:100%; position:absolute; left:0; top:0; overflow:hidden;}
.city_new .pic .mask{ background:#fff; cursor:pointer; height:100%; width:100%; position:absolute; left:0; top:0; opacity:0; filter:Alpha(opacity=0);}
.city_new h4{ border-bottom:1px solid #8f8f9d; color:#272730; font-size:18px; line-height:30px; margin:0 6px; height:30px;}
.city_new h4 em{ color:#ec5a5a; font:italic 14px/normal Georgia, Arial; margin-left:5px;}
.city_pager{ color:#cbcbd1; font-family:Arial; font-size:14px; margin:-24px 0 0; height:24px; position:absolute; right:8px;}
.city_pager a, .city_pager em{ border-style:solid dashed; border-width:0 8px 8px 8px; cursor:pointer; font-size:0; position:absolute; left:0; top:0; text-indent:-99em;}
.city_pager a{ border-color:#c6c6cd transparent;}
.city_pager em{ border-color:#fff transparent; margin:2px 0 0 -8px; overflow:hidden;}
.city_pager .prev{ margin:6px 0 0 -44px;}
.city_pager .next, .city_pager .next em{ border-width:8px 8px 0; margin:7px 0 0 -26px;}
.city_pager .next em{ margin:-10px 0 0 -8px;}
.city_pager a:hover{ border-color:#d28c95 transparent;}
.city_new h3{ padding:10px 0; color:#626270; font-size:18px; line-height:1.6; margin:0 8px;}
.city_new h3 a{ color:#626270;}
.city_new h3 a:hover{ color:#333;}
.city_new p{ color:#888896; line-height:1.8; margin:0 8px 15px;}
.city_news_main{ padding-bottom:15px;}
.city_new .more{ display:inline-block; background:#fdbaba; color:#898999; line-height:22px; margin-left:8px; padding:0 10px; height:22px;}
.city_new .more:hover{ color:#333;}
.city_new .links{ padding:18px 0 0 4px;}
.city_new .links li{ background:url(../images/icons_2.png) no-repeat -4px -18px; padding:3px 0 3px 14px;}
.city_new .links li:hover{ background-position:-4px 2px;}
.city_new .links li a{ color:#626270; font:14px/normal Arial, "\5FAE\8F6F\96C5\9ED1";}
.city_new .links li a:hover{ color:#333;}
.city_news .cn_1, .city_news .cn_1 h4, .city_news .cn_1 h3, .city_news .cn_1 p, .city_news .cn_1 .more{ border-left:0; margin-left:0;}
.city_news .cn_2{}
.city_news .cn_2 h4 em{ color:#97d752;}
.city_news .cn_2 .city_pager a:hover{ border-color:#a6c484 transparent;}
.city_news .cn_2 .more{ background-color:#caf0a0;}
.city_news .cn_3{}
.city_news .cn_3 h4 em{ color:#ef6ee7;}
.city_news .cn_3 .city_pager a:hover{ border-color:#d99ad5 transparent;}
.city_news .cn_3 .more{ background-color:#ffcffc;}
.city_news .cn_3 h3, .city_news .cn_3  .city_pager{ display:none;}
.city_news .cn_4{}
.city_news .cn_4 h4 em{ color:#5a9bec;}
.city_news .cn_4 .city_pager a:hover{ border-color:#7e93d7 transparent;}
.city_news .cn_4 .more{ background-color:#a9cfff; color:#fff;}
.city_news .cn_4 h4, .city_news .cn_4 h3, .city_news .cn_4p, .city_news .cn_4 .more{ margin-right:0;}

.pic_list{ margin:0 auto 30px; width:960px;}
.pic_list a, .pic_list span{ float:left; height:128px; opacity:1; position:relative;}
.pic_list a::after{ content:'.'; font-size:0; height:100%; width:100%; position:absolute; left:0; top:0; box-shadow:inset 0 0 20px rgba(0, 0, 0, .3); opacity:0;}
.pic_list a, .pic_list a::after{ -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.pic_list img{ display:inline-block;}
.pic_list a:hover, .pic_list a:hover::after{ opacity:.82;}
.pic_list a:first-child::after, .pic_list span:first-child::after{ display:none}
.pic_list .pic_more{ float:left; width:192px; padding:45px 0 0; text-align:center;}
.pic_more .more{ display:inline-block; float:none; background:#fff; border-radius:2px; box-shadow:0 0 5px rgba(33,33,33,.8); color:#666; font:24px/1.5 "\5FAE\8F6F\96C5\9ED1"; padding:5px 15px; height:36px; width:120px; text-align:center; text-decoration:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-shadow:0 1px 0 #fff;}
.pic_more .more{background: rgb(245,245,245);background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(229,229,229,1) 92%, rgba(238,238,238,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(92%,rgba(229,229,229,1)), color-stop(100%,rgba(238,238,238,1)));background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(229,229,229,1) 92%,rgba(238,238,238,1) 100%);background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(229,229,229,1) 92%,rgba(238,238,238,1) 100%);background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(229,229,229,1) 92%,rgba(238,238,238,1) 100%);background: linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(229,229,229,1) 92%,rgba(238,238,238,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );}
.pic_more .more:hover{ color:#333; text-decoration:none; box-shadow:0 0 10px rgba(33,33,33,.8);}
.pic_more .more span{ float:none; cursor:pointer;}
.pic_list_wall{ padding:5px 1px 5px 1px; height:100%; overflow:auto; overflow-x:hidden;}
.pic_list_wall a{ float:left; height:128px;}

.city_event{ border-bottom:1px solid #d6d6d6; margin:0 auto 30px; width:960px;}
.city_speak{ float:left;}
.city_speak .city_new{ border-left:0; margin:0; width:192px;}
.city_speak .cn_1{ margin-right:25px;}

.city_users{ float:right; width:520px; overflow:hidden}
.city_users .tit{}
.city_users h3{ background:#9be4ff; color:#07bcff; font-size:42px; line-height:1.4; padding-left:8px;}
.city_users h3 em{ display:block; color:#fff; font-size:14px; line-height:1.6; padding:10px 10px 10px 0; text-indent:2em;}
.city_users_main{ padding:10px 0 0; width:110%;}
.city_users .best_item{ padding:0 32px 0 0; width:106px;}
.city_users .best_item .pic, .city_users .best_item .pic img{ height:96px; width:106px;}
.city_users .best_item p{ height:63px;}
.city_users .best_item .btn{ margin-left:84px;}

/* shenzhen */
.shenzhen_shell{}


/* footer */
.footer{ background:#333; color:#939393; padding:40px 0 20px; text-align:center; text-shadow:none;}
.footer p{ border:0; padding:5px 0;}
.footer a, .footer a:visited{ color:#939393;}
.footer a:hover{ color:#fff;}


/* comments */
.box, .box .title{ background:#fff url(/Topic/AppRecommend/images/box.png) no-repeat -1960px 100%;}
.box .title{ background:url(/Topic/AppRecommend/images/box.png) no-repeat -980px 0; height:39px;}
.box h3, .box_slider h3{ color:#333; font-size:22px; line-height:1.5; padding:4px 0 0 10px; text-shadow:1px 1px 0 #fff;}
.box_main{ background:#fff; border:1px solid #d0d0d0; border-width:0 1px; margin-bottom:16px; min-height:40px;}
.box_inner{ padding:10px;}
.box_commt .title{ position:relative;}
.box_commt .counter{ margin:-26px 0 0 106px; position:absolute;}
.box_commt .counter em{ color:#f00; font-style:normal; padding:0 4px;}
.add_commt_btn{ background:url(/Topic/AppRecommend/images/add_commt_btn.png) no-repeat; line-height:38px; margin:0; height:38px; width:111px; position:absolute; right:0; top:0; text-shadow:1px 1px 0 #e2f3fd; text-indent:36px; z-index:3;}
.add_commt_btn:hover{ background-position:0 -38px; text-decoration:none;}
.box_commt, .box_slider{ position:relative; overflow:visible;}
.box_commt{ float:left; width:980px;}
.box_rt, .box_rb{ background:url(/Topic/AppRecommend/images/box.png) no-repeat -1950px 0; height:38px; width:10px; position:absolute; right:0; top:0;}
.box_rb{ background-position:100% 100%; height:16px; bottom:0; top:auto; *bottom:0;}
.box_commt .box_rt{ z-index:-1;}

/* POP */
.wep_dialog_bx{ background:#333; width:8px;}
.wep_dialog_by{ background:#333; height:8px;}
.wep_dialog_content{ padding:1px;}
.wep_dialog_close{ top:-10px; right:-10px;}
.wep_dialog_close a{ display:block; background:url(../images/close.png) no-repeat; height:30px; width:30px; text-indent:-9999em; _background-image:url(../images/close_ie6.png);}
.wep_dialog_close a:hover{ background-position:0 -30px;}
.wep_pop, .wep_pop table{ height:100%; width:100%;}
.wep_pop, .wep_pop td{ background:#fff; width:auto;}
.wep_pop{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Tahoma,Arial;}
.wep_pop .wep_pop_title{ vertical-align:top;}
.wep_pop_title .title{ display:none; border:1px solid #B6BEC5; border-width:1px 0; color:#95a7ae; cursor:default; font-weight:bold; line-height:28px; height:28px; padding:0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); white-space:nowrap; position:relative;}
.wep_pop_title .active{ color:#4C5A5F;}
.wep_pop_title .title{ background:#bdc6cd; background:linear-gradient(top, #bdc6cd, #edf5f8); background:-moz-linear-gradient(top, #bdc6cd, #edf5f8); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none;}
.wep_pop .wep_pop_icon{ display:none; width:50px; vertical-align:middle;}
.wep_pop_icon i{ display:inline-block; background:none no-repeat center center; margin:10px 0 10px 10px; height:40px; width:40px;}
.wep_pop_main{}
.wep_pop_content{ padding:20px 25px;}
.wep_pop .wep_pop_footer{ vertical-align:bottom;}
.wep_pop_btns{ background:#f6f6f6; border-top:1px solid #DADEE5; padding:8px; white-space:nowrap; text-align:right;}
.wep_pop_btns button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.wep_pop_btns button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.wep_pop_btns button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 20px rgba(208, 221, 232, 0.8);}
.wep_pop_btns button:hover { color:#000; border-color:#333; }
.wep_pop_btns button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px #eee, inset 0 1px 1em rgba(0, 0, 0, .3); }
.wep_pop_btns .mind{ color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e;}
.wep_pop_btns .mind:hover{ color:#FFF; border-color:#0F3A56;}
.wep_pop_btns .mind:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc));}
.wep_pop_btns .disabled { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none;}

.wep_pop_content{ padding:0;}
.wep_video_pop_inner{ height:498px; width:610px; overflow:hidden;}
.wep_video_pop_inner .panel{ background:url(../images/loading.gif) no-repeat 50% 50%;}
.wep_video_pop_inner i{ display:none}