/*
 *  gallery in article 2013
 *  mod from nph_gallery_2.11
 *  version 1.0
 */
.clearfix{ *zoom:1;}
.clearfix:after { clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.hidden{ display:none;}

.nph_chn{ padding:8px 0 6px; background:#FFF;}
.nph_logo{ float:left; margin-right:12px;}
.nph_area{ clear:both; margin:auto; width:960px; text-align:left;}

.nph_gallery{ text-align:left; word-wrap:break-word; position:relative; padding:10px 0; font-weight:normal;}
.nph_gallery p{ margin:0; line-height:21px;}
.nph_cnt{ margin:0;}
.nph_bg{ padding:8px 0; width:100%; background:none; opacity: 1;}

.nph_extra{ overflow:hidden; padding-top:6px; height:24px; line-height:21px; text-align:right;}

.nph_set_title{ padding:3px 0 2px; line-height:25px;}
.nph_set_title span{ line-height:21px;}
.nph_set_cur{ font-size:14px; font-style: italic; font-family: geprgia, Georgia, sans-serif; padding: 10px 25px; float: left;}
.nph_set_cur span{ font-size:22px; }

.nph_set{ float:left; width:100%; min-height:1px;}
.nph_set_prev{ float:left; margin-left:-100%; padding-top:6px; width:110px;}
.nph_set_next{ float:left; margin-left:-110px; padding-top:6px; width:110px;}
.nph_set_thumb{ margin:0 110px; padding:6px 5% 0;}

.nph_photo_view{ position:relative; overflow:hidden; width:100%; text-align:center;}
.nph_photo_view .nph_cnt{ height:100%;}
.nph_photo_view i{ display:inline-block; height:100%; vertical-align:middle;}
.nph_photo_view img{ vertical-align:middle; max-width:100%; max-height:100%; -ms-interpolation-mode: bicubic;}
.nph_photo_prev{ position:absolute; left: 0; top:0; width:50%; height:100%; background:url(http://img1.cache.netease.com/cnews/img/gallery11/bg06.png) repeat;}
.nph_photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; background:url(http://img1.cache.netease.com/cnews/img/gallery11/bg06.png) repeat;}
.nph_photo_loading{ position:absolute; left:50%; top:50%; margin:-19px 0 0 -19px; width:37px; height:37px; background:url(http://img1.cache.netease.com/cnews/img/gallery11/loading.gif) no-repeat 0 0;}
.nph_photo_desc{margin-bottom:20px;}
.nph_photo_desc h2{ padding:20px 0 0 0; margin:0; min-height:25px; _height:25px; font:14px/1.4 sans-serif; color: #252525; font-weight:bold; border:none; }
.nph_photo_desc h2, .nph_photo_desc h2 a, .nph_photo_desc h2 a:visited{ color:#252525;}
.nph_photo_desc h2 a:hover{ color:#507EA4;}
.nph_photo_desc p{ color:#888; font-size:12px; font-weight:normal;}
.nph_photo_desc p a, .nph_photo_desc p a:visited{ color:#BA2636;}
.nph_photo_ctrl{ float:right; margin-top:15px; font-family: Arial; font-size: 12px; line-height:1; }
.nph_photo_ctrl ul{}
.nph_photo_ctrl li{ display:inline;}
.nph_photo_ctrl .hidden{ display:none;}
.nph_photo_ctrl { color: #DDD;}
.nph_photo_ctrl a, .nph_photo_ctrl a:hover, .nph_photo_ctrl a:visited{ color:#0F6B99;}

.nph_photo { width:100%;}

.nph_photo_thumb{ margin:auto;}
.nph_scrl{ float:left; width:100%; min-height:1px;}
.nph_scrl_thumb{ margin:0;}
.nph_scrl_main{ overflow:hidden; padding-bottom:10px; width:100%;}
.nph_scrl_prev{ float:left; margin-left:-100%; padding-top:6px;}
.nph_scrl_next{ float:left; margin-left:-20px; padding-top:6px;}
.nph_scrl_bar{}
/*
.nph_scrl_lt{ float:left; margin-right:-3px; width:3px; height:9px; background:url(./img/scrl-lr-bg.png) no-repeat 0 0;}
.nph_scrl_rt{ float:right; margin-left:-3px; width:3px; height:9px; background:url(./img/scrl-lr-bg.png) no-repeat 0 -9px;}
*/
.nph_scrl_bd{ float:left; width:100%; min-height:1px;}
.nph_scrl_ct{ position:relative; margin:0; height:9px; background:url(./img/track-bg.png) repeat-x 0 0;}
.nph_scrl_bar:hover .nph_scrl_ct{background-position: 0 -9px; border-radius: 3px;}

.nph_list_thumb{ overflow:hidden; height:80px;}
.nph_list_thumb li{ float:left; width:102px; padding:0; text-align:center;}
.nph_list_thumb h2, .nph_list_thumb p, .nph_list_thumb i{ display:none;}
.nph_list_thumb a, .nph_list_thumb img{ display:block; margin:auto; width:100px; height:75px;}
.nph_list_thumb a{ outline:none; margin-top:5px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; }
.nph_list_thumb a:hover{}
.nph_list_thumb .nph_list_active a{ border-top:none; margin-top:0; border-bottom:5px solid #CC1B1B;}

.nph_btn_scrl{ position:absolute; display:block; width:36px; outline:none; cursor:default;}
.nph_btn_scrl .nph_btn_lt{ float:left; margin-right:-3px; width:3px; height:9px;}
.nph_btn_scrl .nph_btn_rt{ float:right; margin-left:-3px; width:3px; height:9px;}
.nph_btn_scrl .nph_btn_bd{ float:left; width:100%; min-height:1px;}
.nph_btn_scrl .nph_btn_bd span{ display:block; height:9px; margin:0 3px; background-image:url(./img/scrl-btn-bg.png);}
.nph_btn_scrl .nph_btn_lt, .nph_btn_scrl .nph_btn_rt, .nph_btn_scrl .nph_btn_bd span{  background:url(./img/scrl-btn-bg.png) no-repeat; font-size:0;}
.nph_btn_scrl .nph_btn_lt{ background-position:0 0;}
.nph_btn_scrl .nph_btn_rt{ background-position:-10px 0;}
.nph_btn_scrl:hover .nph_btn_lt{ background-position:0 -10px;}
.nph_btn_scrl:hover .nph_btn_rt{ background-position:-10px -10px;}
.nph_btn_scrl .nph_btn_bd span{ background:url(./img/scrl-btn-bg.png) repeat-x 0 -20px;}
.nph_btn_scrl:hover .nph_btn_bd span{ background-position:0 -30px;}

.nph_btn_pphoto{ display:block; width:100%; height:100%; outline:none; cursor:url(http://img2.cache.netease.com/utf8/gallery/img/cursor_left.cur),  auto;}
.nph_btn_nphoto{ display:block; width:100%; height:100%; outline:none; cursor:url(http://img2.cache.netease.com/utf8/gallery/img/cursor_right.cur), auto;}

.nph_gallery .nph_c_lh{font-size:36px; color:#CC1B1B;}

.nph_photo_view{ height:600px;}

.nph_set_info{ color:#AAABB2;}
.nph_set_info h1, .nph_set_info h1 a, .nph_set_info h1 a:visited, .nph_set_info h2, .nph_set_info h2 a, .nph_set_info h2 a:visited, .nph_set_info h3 span{ color:#2B2B2B;}
.nph_set_info h1 a:hover, .nph_set_info h2 a:hover{ color:#507EA4;}
.nph_set_info p, .nph_set_cur, .nph_set_size { color:#4D4D4D;}


/* add */
.nph_photo_viewlarge{position:absolute;top:32px;right:20px;width:26px;height:26px;cursor:pointer;opacity:0.5;background:url(./img/magnifier.png) no-repeat;}
.nph_photo_viewlarge:hover{opacity:1}
.nph_photo_layout{display:none; position:absolute; left: 0; top:0; width:100%; height:600px; margin:0; text-align:left; opacity: 0; filter:alpha(opacity=0); overflow: hidden;}
.nph_photo_layout .nph_layout_bg{ position:absolute; right:0; top:0; width:100%; height:100%; background: #FFF;}
.nph_layout_htp {position:absolute;top:0;left:50%;margin-left:-295px;width:590px;height:100%;}
.nph_layout_htp_top {color:#000;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;height:64px;line-height:64px;}
.nph_layout_htp_top  span,
.nph_layout_htp_top .nph_btn_again{display:block;height:100%;float:left;padding-left:25px;font-size:14px;background-image:url(./img/htp_icons.png);background-repeat:no-repeat;}
.nph_layout_htp_top  span             {background-position:2px 23px; font-size:14px;}
.nph_layout_htp_top .nph_btn_again{background-position:2px -77px;font-size:12px; margin-left: 30px; cursor:pointer;}
.nph_layout_close { display:block;width:20px;height:20px;float:right;margin:20px 10px 0 0;background:url(./img/htp_icons.png) 0px -200px no-repeat;}
.nph_layout_close:hover {background-position:0px -230px}

.nph_layout_htp_title{height:50px;line-height:50px;font-size:14px;font-weight:bold;font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif;color:#000;}
.nph_layout_htp_title a, .nph_layout_htp_title a:visited{color:#000;}
.nph_layout_htp_bd{width:100%;height:484px;}

.cBlue, a.cBlue:visited, .cBlue a, .cBlue a:visited { color: #0f6b99; }

/* add yuetu htp */
.nph_layout_htp_ad250 {height:250px;background:#EEE;position:relative;overflow:hidden;display:none;}
.nph_layout_htp_bd_t {height:250px;background:#EEE;position:relative;overflow:hidden;}
.nph_layout_htp_bd_b {height:228px;margin-top:6px;}

.nph_htp_yuetu {display:block;height:100%;background:#000;cursor:pointer;position:relative;overflow:hidden;}
.nph_htp_yuetu h4 {position:absolute;bottom:0;left:0;width:100%;padding:6px 0;text-align:center;color:#FFF;
    font-size:14px;
    font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif;
    font-weight:normal;
    text-shadow: 0 0 3px black;
    background: #333;
    background: url(./img/op80black.png);
    background: rgba(0, 0, 0, 0.7);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(64%, rgba(0, 0, 0, 0.56)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
    _background: #333;
}
.nph_htp_yuetu img {-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-webkit-backface-visibility:hidden;}
.nph_htp_yuetu:hover img {opacity: .7;}
.nph_htp_yuetu:hover {text-decoration: none;}

.nph_htp_yuetu_imgtext {width:292px;height:111px;background:#FAFAFA;box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);-webkit-transition:background .5s ease-out;-moz-transition:background .5s ease-out;}
.nph_htp_yuetu_imgtext h4 {position:static;color:#32353C;text-align:left;font-size:12px;margin-bottom:6px;background:none;width:auto;padding:10px;text-shadow:none;filter:none;}
.nph_htp_yuetu_imgtext_pic {overflow: hidden;}
.nph_htp_yuetu_imgtext_text {height: 100%;position:relative;}
.nph_htp_yuetu_imgtext:hover {background:#333; text-decoration: none;}
.nph_htp_yuetu_imgtext:hover h4{color:#FFF;}
.nph_htp_yuetu_imgtext .yuetu_arrow {position:absolute;background:none;top:20px;border-width: 10px;-webkit-transition:border-color .5s ease-out;-moz-transition:border-color .5s ease-out;font-size:0;}
.nph_htp_yuetu_imgtext .yuetu_arrow-l {left: -19px;border-style:dashed solid dashed dashed;border-color:transparent #FAFAFA transparent transparent;}
.nph_htp_yuetu_imgtext .yuetu_arrow-r {right:-19px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #FAFAFA;}
.nph_htp_yuetu_imgtext:hover .yuetu_arrow-l {border-color:transparent #333 transparent transparent;}
.nph_htp_yuetu_imgtext:hover .yuetu_arrow-r {border-color:transparent transparent transparent #333;}


/* share menu */
.nph-share-top { float: left; margin-left: 10px; padding: 0 20px 0 2px; font-size: 12px; cursor: pointer; position: relative; z-index: 10; }
.nph-poplist-arr { position:absolute; z-index:10; border-color:transparent transparent #888; border-style:dashed dashed solid; border-width:0 5px 5px; font-size:0; height:0; width:0; line-height:0; -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s; }
.nph-pop-unfold .nph-poplist-arr { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.nph-share-top .nph-poplist-arr { top: 4px; right: 5px;}

.nph-pop-unfold .nt-share13-gallery {display: block;}

.nt-share13-gallery {display: none; position: absolute; top: -240px;left:auto;right:0;width: 146px; border: 1px solid #cdcdcd; background: #fff; -webkit-box-shadow: 0 0 8px #cdcdcd; -moz-box-shadow:0 0 8px #cdcdcd; box-shadow:0 0 8px #cdcdcd; padding: 9px 0;overflow: hidden; list-style:none; margin: 0;}
.nt-share13-gallery li {cursor:pointer;}
.nt-share13-gallery i { display: block;position:absolute;top: 5px;left:10px;width: 24px; height: 24px; overflow: hidden; background: url(http://img1.cache.netease.com/common/share/share13_icon_v1.0.png);_background: url(http://img1.cache.netease.com/common/share/share13_icon_ie6_v1.0.png); -webkit-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear; -moz-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear; -o-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear; transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear; *cursor:pointer;}
.nt-share13-gallery span {display:block;height:34px;border-bottom:1px dashed #ddd;font:13px/34px 宋体;padding-left:32px; *cursor:pointer;}
.nt-share13-gallery .nt-last span{border-bottom-width: 0;}

.nt-share13-gallery a {display:block;height:35px;padding: 0 10px;position:relative;color:#888; *cursor:pointer;}
.nt-share13-gallery a:hover {text-decoration:none;background:#f0f0f0;}
.nt-share13-gallery a:hover span {font-weight:bold;}

.nt-share13-gallery .nt-share-163wb { background-position: -25px 0; }
.nt-share13-gallery .nt-share-lofter { background-position: -375px 0; }
.nt-share13-gallery .nt-share-sinawb { background-position: -75px 0; }
.nt-share13-gallery .nt-share-qzone { background-position: -125px 0; }
.nt-share13-gallery .nt-share-renren { background-position: -175px 0; }
.nt-share13-gallery .nt-share-youdao { background-position: -225px 0; }

.nt-share13-gallery a:hover .nt-share-163wb { background-position: -25px -25px; }
.nt-share13-gallery a:hover .nt-share-lofter { background-position: -375px -25px; }
.nt-share13-gallery a:hover .nt-share-sinawb { background-position: -75px -25px; }
.nt-share13-gallery a:hover .nt-share-qzone { background-position: -125px -25px; }
.nt-share13-gallery a:hover .nt-share-renren { background-position: -175px -25px; }
.nt-share13-gallery a:hover .nt-share-youdao { background-position: -225px -25px; }