@charset "UTF-8";
/* antiJapaneseWar.audio.min.css @St. 2015-07-07 14.01 */
#antiJapaneseWarAudio { }
#antiJapaneseWarAudio .hide { display: none !important; }
#antiJapaneseWarAudio .clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; margin: 0px; padding: 0px; display: block; clear: both; }
.audioBox :focus,
.audioBox button { outline: 0; border: 0; background: 0; }
.audioBox .audioBtn { padding: 5px 10px 10px 10px; background-color: rgba(200,200,200,1.00); border-top: #932E10 4px solid; }
.audioBox .btn { display: block; float: left; overflow: hidden; text-indent: -9999px; border: 0; cursor: pointer; width: 40px; height: 40px; padding: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat }
.audioBox .btn:hover { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7 }
.audioBox .iconPlay,
.audioBox .iconPre,
.audioBox .iconNext,
.audioBox .iconVolMax,
.audioBox .iconVolMin { float: left }
.audioBox .iconPlay,
.audioBox .iconPre,
.audioBox .iconNext { margin-right: 14px }
.audioBox .iconRep { float: right; margin-right: -10px }
.audioBox .iconPlay { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconPlay.png) }
.audioBox .iconPre { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconPre.png); margin-left: 56px; }
.audioBox .iconNext { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconNext.png) }
.audioBox .iconVolMin { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconVolMin.png); left: -4px; }
.audioBox .iconVolMax { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconVolMax.png); right: -4px; }
.audioBox .iconRep { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconRep.png); position: absolute; z-index: 2; right: 10px; top: 10px; width: 32px; height: 22px; }
.jp-state-playing .iconPlay { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconPus.png) }
.jp-state-looped .iconRep { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconRep.png); background-color: #932E10; }
.jp-state-muted .iconVolMin { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconVolMinOn.png) }
.audioBox .barVolBox .iconVolMin,
.audioBox .barVolBox .iconVolMax { position: absolute; top: 0; width: 24px; }
.audioBox .barVolBox,
.audioBox .barPlayBox { position: relative; width: 100%; }
.audioBox .barVolBox { padding: 20px 0 0 0; }
.audioBox .barVolBox .barBoxOut { margin: 0 28px 0 20px; }
.audioBox .barVolBox .barBox { position: relative; width: 100%; }
.audioBox .barVolBox .barBox .barBg,
.audioBox .barVolBox .barBox .barValue { border-top-width: 2px; }
.audioBox .barBox,
.audioBox .bar,
.audioBox .barValue,
.audioBox .barBg { height: 16px }
.audioBox .bar,
.audioBox .barValue { cursor: pointer; }
.audioBox .bar,
.audioBox .barBg { width: 100%; position: absolute; top: 0; left: 0; }
.audioBox .barBg,
.audioBox .barValue { border-top-style: solid; border-top-width: 3px; }
.audioBox .bar { z-index: 2; overflow: hidden; }
.audioBox .barBg { z-index: 1; border-color: #F1F1F1; }
.audioBox .barValue,
.audioBox .barValuePosition { float: left; }
.audioBox .barValue { border-color: #666666; }
.audioBox .barValuePosition { width: 1px; height: 12px; background-color: #FF5200; }
.audioBox .currentTime,
.audioBox .duration { width: 60px; height: 10px; line-height: 10px; font-size: 10px }
.audioBox .currentTime { float: left }
.audioBox .duration { float: right; text-align: right }
.audioBox .middleBtn { float: left; }
.audioBox .middleBtnBox { padding: 0 0 9px 0; position: relative; }
.audioBox .playTimesBox { line-height: 18px; text-align: center; font-family: "Lucida Sans Unicode"; }
.audioBox .playTimesBox .currentTime,
.audioBox .playTimesBox .duration,
.audioBox .playTimesBox .middleTxt { color: #fff; height: 16px; font-size: 10px; line-height: 16px; top: 0 }
.audioBox .playTimesBox .duration,
.audioBox .playTimesBox .middleTxt { color: #7BEAFF }
.audioBox .playTimesBox .currentTime,
.audioBox .playTimesBox .duration { width: 60px; }
.audioBox .playTimesBox .currentTime { left: 0; text-align: left }
.audioBox .playTimesBox .duration { right: 0; text-align: right }
.audioBox .playTimesBox .middleTxt { display: none; }
.audioBox .audioListBox ul,
.audioBox .audioListBox ul li { padding: 0; margin: 0; list-style: none; }
.audioBox .audioListBox ul li { padding: 6px 10px; display: block; background: #FFFFFF; border-bottom: #AFAFAF 1px dotted; }
.audioBox .audioListBox ul li:before { color: #FFA600; font-size: 14px; line-height: 32px; }
.audioBox .audioListBox { font-size: 14px; line-height: 26px; }
.audioBox .audioListBox ul li a { display: block; color: #333333; text-decoration: none; }
.audioBox .audioItemTitle:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; margin: 0px; padding: 0px; display: block; clear: both; }
.audioBox .jp-artist { display: none; }
.audioBox .audioListBox ul .jp-playlist-current { background: url(/politics/antiJapaneseWar2015/css/../images/playBg.jpg); color: #FFFFFF; font-weight: bold; }
#jp_poster_0 { display: none !important; }
/* antiJapaneseWarAudio0 */
#antiJapaneseWarAudio0 { position: relative; height: 380px; top: 0; left: 0; }
#antiJapaneseWarAudio0 .audioBox,
#antiJapaneseWarAudio0 .audioPlayWindow0 { position: absolute; left: 0; }
#antiJapaneseWarAudio0 .audioPlayWindow0 { top: 0; z-index: 1; }
#videoBody .conts .videos { float: left; width: 650px; height: 380px; margin: 6px 0 0 0; position: relative; overflow: hidden; }
#videoBody .conts .videoList { float: none; width: 104px; height: 380px; margin: 0; position: absolute; top: 6px; left: 660px; z-index: 1; }
#videoBody .conts .videoList li span { display: none; }
#videoBody .conts .videoList li i img { width: 104px; height: 85px; }
#antiJapaneseWarAudio0 .audioListBox { position: absolute; top: 6px; right: 0; width: 128px; z-index: 2; font-size: 14px; line-height: 28px; text-align: left; }
#antiJapaneseWarAudio0 .audioListBox ul li { padding: 0; display: block; border-bottom: none; margin-bottom: 13px; background: #555754; height: 85px; overflow: hidden; color: #fff; word-break: break-all; word-wrap: break-word; }
#antiJapaneseWarAudio0 .audioListBox ul li div { display: block; position: static; padding-right: 5px; float: left; }
#antiJapaneseWarAudio0 .audioListBox ul li a { display: block; height: 71px; color: #FFFFFF; text-decoration: none; padding-top: 14px; padding-left: 8px; }
#antiJapaneseWarAudio0 .audioItemTitle:after { display: none; }
#antiJapaneseWarAudio0 .jp-artist { display: none; }
#antiJapaneseWarAudio0 .audioListBox ul .jp-playlist-current { background: #8f918e; }
#antiJapaneseWarAudio0 .audioBox { z-index: 2; width: 100%; }
#antiJapaneseWarAudio0 .audioBox .audioBtn { border: none; padding: 0; background: none; background-color: rgba(0,0,0,0.7); height: 50px; }
#antiJapaneseWarAudio0 .audioBox .btn { display: block; float: left; overflow: hidden; text-indent: -9999px; border: 0; cursor: pointer; width: 40px; height: 40px; padding: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat }
#antiJapaneseWarAudio0 .audioBox .btn:hover { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7 }
#antiJapaneseWarAudio0 .audioBox .iconPlay,
#antiJapaneseWarAudio0 .audioBox .iconPre,
#antiJapaneseWarAudio0 .audioBox .iconNext,
#antiJapaneseWarAudio0 .audioBox .iconVolMax,
#antiJapaneseWarAudio0 .audioBox .iconVolMin { float: left }
#antiJapaneseWarAudio0 .audioBox .iconPlay,
#antiJapaneseWarAudio0 .audioBox .iconPre,
#antiJapaneseWarAudio0 .audioBox .iconNext { margin-right: 14px }
#antiJapaneseWarAudio0 .audioBox .iconRep { float: right; margin-right: -10px }
#antiJapaneseWarAudio0 .audioBox .iconPlay { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconPlay.png) }
#antiJapaneseWarAudio0 .audioBox .iconPre { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconPre.png); margin-left: 0; }
#antiJapaneseWarAudio0 .audioBox .iconFull { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconFull.png); margin-left: 0; }
#antiJapaneseWarAudio0 .audioBox .iconNext { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconNext.png) }
#antiJapaneseWarAudio0 .audioBox .iconVolMin { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconVolMin.png); left: -4px; }
#antiJapaneseWarAudio0 .audioBox .iconVolMax { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconVolMax.png); right: -4px; }
#antiJapaneseWarAudio0 .jp-state-playing .iconPlay { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconPus.png) }
#antiJapaneseWarAudio0 .jp-state-looped .iconRep { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconRep.png); background-color: rgba(0,106,179,0.6); }
#antiJapaneseWarAudio0 .jp-state-muted .iconVolMin { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconVolMinOn.png) }
#antiJapaneseWarAudio0 .audioBox .barVolBox .iconVolMin,
#antiJapaneseWarAudio0 .audioBox .barVolBox .iconVolMax { position: absolute; top: 0; width: 24px; }
#antiJapaneseWarAudio0 .audioBox .barVolBox,
#antiJapaneseWarAudio0 .audioBox .barPlayBox { position: relative; width: 100%; }
#antiJapaneseWarAudio0 .audioBox .barVolBox .barBoxOut { margin: 0 28px 0 20px; }
#antiJapaneseWarAudio0 .audioBox .barVolBox .barBox { position: relative; width: 100%; }
#antiJapaneseWarAudio0 .audioBox .barVolBox .barBox .barBg,
#antiJapaneseWarAudio0 .audioBox .barVolBox .barBox .barValue { border-top-width: 2px; }
#antiJapaneseWarAudio0 .audioBox .barBox,
#antiJapaneseWarAudio0 .audioBox .bar,
#antiJapaneseWarAudio0 .audioBox .barValue,
#antiJapaneseWarAudio0 .audioBox .barBg { height: 16px }
#antiJapaneseWarAudio0 .audioBox .bar,
#antiJapaneseWarAudio0 .audioBox .barValue { cursor: pointer; }
#antiJapaneseWarAudio0 .audioBox .bar,
#antiJapaneseWarAudio0 .audioBox .barBg { width: 100%; position: absolute; top: 0; left: 0; }
#antiJapaneseWarAudio0 .audioBox .barBg,
#antiJapaneseWarAudio0 .audioBox .barValue { border-top-style: solid; border-top-width: 3px; }
#antiJapaneseWarAudio0 .audioBox .bar { z-index: 2; overflow: hidden; }
#antiJapaneseWarAudio0 .audioBox .barBg { z-index: 1; border-color: #F1F1F1; }
#antiJapaneseWarAudio0 .audioBox .barValue,
#antiJapaneseWarAudio0 .audioBox .barValuePosition { float: left; }
#antiJapaneseWarAudio0 .audioBox .barValue { border-color: #666666; }
#antiJapaneseWarAudio0 .audioBox .barValuePosition { width: 1px; height: 12px; background-color: #FF5200; }
#antiJapaneseWarAudio0 .audioBox .currentTime,
#antiJapaneseWarAudio0 .audioBox .duration { width: 60px; height: 10px; line-height: 10px; font-size: 10px }
#antiJapaneseWarAudio0 .audioBox .currentTime { float: left }
#antiJapaneseWarAudio0 .audioBox .duration { float: right; text-align: right }
#antiJapaneseWarAudio0 .audioBox .middleBtn { float: left; }
#antiJapaneseWarAudio0 .audioBox .playTimesBox { line-height: 18px; text-align: center; font-family: "Lucida Sans Unicode"; height: 5px; }
#antiJapaneseWarAudio0 .audioBox .playTimesBox .currentTime,
#antiJapaneseWarAudio0 .audioBox .playTimesBox .duration,
#antiJapaneseWarAudio0 .audioBox .playTimesBox .middleTxt { color: #fff; height: 16px; font-size: 10px; line-height: 16px; top: 10px; position: absolute; }
#antiJapaneseWarAudio0 .audioBox .playTimesBox .duration,
#antiJapaneseWarAudio0 .audioBox .playTimesBox .middleTxt { color: #7BEAFF }
#antiJapaneseWarAudio0 .audioBox .playTimesBox .currentTime,
#antiJapaneseWarAudio0 .audioBox .playTimesBox .duration { width: 60px; }
#antiJapaneseWarAudio0 .audioBox .playTimesBox .currentTime { left: 3px; text-align: left }
#antiJapaneseWarAudio0 .audioBox .playTimesBox .duration { right: 3px; text-align: right }
#antiJapaneseWarAudio0 .audioBox .playTimesBox .middleTxt { display: none; }
#antiJapaneseWarAudio0 .audioBox .middleBtnBox { padding: 0; position: absolute; width: 200px; left: 60px; top: 12px; }
#antiJapaneseWarAudio0 .audioBox .barVolBox { position: absolute; padding: 20px 0 0 0; width: 160px; top: 12px; left: 280px; }
#antiJapaneseWarAudio0 .audioBox .iconRep { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconRep.png); position: absolute; z-index: 2; right: auto; right: 70px; top: 21px; width: 32px; height: 22px; }
#antiJapaneseWarAudio0 .audioBox .iconFull { background-image: url(/politics/antiJapaneseWar2015/css/../images/iconFull.png); position: absolute; z-index: 2; right: auto; right: 120px; top: 21px; width: 32px; height: 22px; }
#antiJapaneseWarAudio0 .audioBox { top: 380px; -webkit-transition: top .5s; -moz-transition: top .5s; -ms-transition: top .5s; -o-transition: top .5s; transition: top .5s; }
#antiJapaneseWarAudio0:hover .audioBox { top: 330px; }
#antiJapaneseWarAudio0.jp-state-full-screen .videos { width: 100%; height: 100%; position: relative; z-index: 99; }