.fmp_area_text {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 551px;
  background-color:#000000;
  display: table;
}

.fmp_area_text span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 400%;
  font-weight: bold;
  padding: 20px;
}

#vpplayer_comment {
  position: relative;
  margin-top: 8px;
  height: 74px;
  border: none;
  border-radius: 2px;
  background-color: #494c4d;
  overflow-y: auto;
}

#vpplayer_comment_text {
  padding: 10px 16px;
  color: #ffffff;
  font-size: 120%;
  word-break: break-all;
}
#vpplayer_comment_ctl_edit{
  text-align: right;
}

#vpplayer_edit_tool_panel{
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.no-close {
  padding: 0;
}
.no-close .ui-dialog-titlebar {
  background-color: silver;
  border: none;
  height: 10px;
  padding: 0;
}
.no-close .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}
.no-close .ui-dialog-titlebar button {
  display: none;
}
#vpplayer_edit_tool_panel > * > *{
  vertical-align: middle;
}
.vpplayer_edit_tool_btn{
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  outline: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  
  color: #1c94c4;
  border-color: #cccccc;
  background-color: #f6f6f6;
}
.vpplayer_edit_tool_btn:hover:enabled{
  color: #c77405;
  border-color: #fbcb09;
  background-color: #fdf5ce;
}
.vpplayer_edit_tool_btn:active:enabled,
.vpplayer_edit_tool_btn_mode2{
  color: #eb8f00;
  border-color: #fbd850;
  background-color: #ffffff;
}

.vpplayer_edit_tool_panel_inner{
  position: relative;
  width: 419px;
  height: 54px;
  margin: 0px;
}
.vpplayer_edit_tool_select_btn{
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -1px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_select_btn:hover:enabled {
  background-position: -1px -25px;
}
.vpplayer_edit_tool_select_btn:active:enabled,
.vpplayer_edit_tool_select_btn_mode2 {
  background-position: -1px -49px;
}
.vpplayer_edit_tool_pen_btn{
  position: absolute;
  top: 0px;
  left: 30px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -25px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_pen_btn:hover:enabled {
  background-position: -25px -25px;
}
.vpplayer_edit_tool_pen_btn:active:enabled,
.vpplayer_edit_tool_pen_btn_mode2 {
  background-position: -25px -49px;
}
.vpplayer_edit_tool_line_btn{
  position: absolute;
  top: 0px;
  left: 55px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -49px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_line_btn:hover:enabled {
  background-position: -49px -25px;
}
.vpplayer_edit_tool_line_btn:active:enabled,
.vpplayer_edit_tool_line_btn_mode2 {
  background-position: -49px -49px;
}
.vpplayer_edit_tool_arrow_btn{
  position: absolute;
  top: 0px;
  left: 80px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -73px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_arrow_btn:hover:enabled {
  background-position: -73px -25px;
}
.vpplayer_edit_tool_arrow_btn:active:enabled,
.vpplayer_edit_tool_arrow_btn_mode2 {
  background-position: -73px -49px;
}
.vpplayer_edit_tool_rectangle_btn{
  position: absolute;
  top: 0px;
  left: 105px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -97px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_rectangle_btn:hover:enabled {
  background-position: -97px -25px;
}
.vpplayer_edit_tool_rectangle_btn:active:enabled,
.vpplayer_edit_tool_rectangle_btn_mode2 {
  background-position: -97px -49px;
}
.vpplayer_edit_tool_rectangle_f_btn{
  position: absolute;
  top: 0px;
  left: 130px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -121px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_rectangle_f_btn:hover:enabled {
  background-position: -121px -25px;
}
.vpplayer_edit_tool_rectangle_f_btn:active:enabled,
.vpplayer_edit_tool_rectangle_f_btn_mode2 {
  background-position: -121px -49px;
}
.vpplayer_edit_tool_ellipse_btn{
  position: absolute;
  top: 0px;
  left: 155px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -145px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_ellipse_btn:hover:enabled {
  background-position: -145px -25px;
}
.vpplayer_edit_tool_ellipse_btn:active:enabled,
.vpplayer_edit_tool_ellipse_btn_mode2 {
  background-position: -145px -49px;
}
.vpplayer_edit_tool_ellipse_f_btn{
  position: absolute;
  top: 0px;
  left: 180px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -169px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_ellipse_f_btn:hover:enabled {
  background-position: -169px -25px;
}
.vpplayer_edit_tool_ellipse_f_btn:active:enabled,
.vpplayer_edit_tool_ellipse_f_btn_mode2 {
  background-position: -169px -49px;
}
.vpplayer_edit_tool_text_btn{
  position: absolute;
  top: 0px;
  left: 205px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -193px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_text_btn:hover:enabled {
  background-position: -193px -25px;
}
.vpplayer_edit_tool_text_btn:active:enabled,
.vpplayer_edit_tool_text_btn_mode2 {
  background-position: -193px -49px;
}
.vpplayer_edit_tool_undo_all_btn{
  position: absolute;
  top: 0px;
  left: 235px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -217px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_undo_all_btn:hover:enabled {
  background-position: -217px -25px;
}
.vpplayer_edit_tool_undo_all_btn:active:enabled,
.vpplayer_edit_tool_undo_all_btn_mode2 {
  background-position: -217px -49px;
}
.vpplayer_edit_tool_undo_btn{
  position: absolute;
  top: 0px;
  left: 260px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -241px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_undo_btn:hover:enabled {
  background-position: -241px -25px;
}
.vpplayer_edit_tool_undo_btn:active:enabled,
.vpplayer_edit_tool_undo_btn_mode2 {
  background-position: -241px -49px;
}
.vpplayer_edit_tool_redo_btn{
  position: absolute;
  top: 0px;
  left: 285px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -265px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_redo_btn:hover:enabled {
  background-position: -265px -25px;
}
.vpplayer_edit_tool_redo_btn:active:enabled,
.vpplayer_edit_tool_redo_btn_mode2 {
  background-position: -265px -49px;
}
.vpplayer_edit_tool_redo_all_btn{
  position: absolute;
  top: 0px;
  left: 310px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -289px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_redo_all_btn:hover:enabled {
  background-position: -289px -25px;
}
.vpplayer_edit_tool_redo_all_btn:active:enabled,
.vpplayer_edit_tool_redo_all_btn_mode2 {
  background-position: -289px -49px;
}
.vpplayer_edit_tool_backmost_btn{
  position: absolute;
  top: 0px;
  left: 340px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -313px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_backmost_btn:hover:enabled {
  background-position: -313px -25px;
}
.vpplayer_edit_tool_backmost_btn:active:enabled,
.vpplayer_edit_tool_backmost_btn_mode2 {
  background-position: -313px -49px;
}
.vpplayer_edit_tool_foremost_btn{
  position: absolute;
  top: 0px;
  left: 365px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -337px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_foremost_btn:hover:enabled {
  background-position: -337px -25px;
}
.vpplayer_edit_tool_foremost_btn:active:enabled,
.vpplayer_edit_tool_foremost_btn_mode2 {
  background-position: -337px -49px;
}
.vpplayer_edit_tool_delete_btn{
  position: absolute;
  top: 0px;
  left: 395px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -361px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_delete_btn:hover:enabled {
  background-position: -361px -25px;
}
.vpplayer_edit_tool_delete_btn:active:enabled,
.vpplayer_edit_tool_delete_btn_mode2 {
  background-position: -361px -49px;
}
.vpplayer_edit_tool_color_btn{
  position: absolute;
  top: 30px;
  left: 0px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -385px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_color_btn:hover:enabled {
  background-position: -385px -25px;
}
.vpplayer_edit_tool_color_btn:active:enabled,
.vpplayer_edit_tool_color_btn_mode2 {
  background-position: -385px -49px;
}
.vpplayer_edit_tool_width_icon{
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 30px;
  width: 24px;
  height: 24px;
  margin: 0;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -408px 0px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_width_range{
  position: absolute;
  top: 30px;
  left: 55px;
  width: 60px;
  height: 24px;
  margin: 0;
  padding: 0;
}
.vpplayer_edit_tool_width_val_outer{
  position: absolute;
  top: 30px;
  left: 116px;
}
.vpplayer_edit_tool_width_val{
  width: 20px;
  height: 24px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
.vpplayer_edit_tool_font_icon{
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 145px;
  width: 24px;
  height: 24px;
  margin: 0;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -192px 0px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_font_italic_btn{
  position: absolute;
  top: 30px;
  left: 170px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -433px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_font_italic_btn:hover:enabled {
  background-position: -433px -25px;
}
.vpplayer_edit_tool_font_italic_btn:active:enabled,
.vpplayer_edit_tool_font_italic_btn_mode2 {
  background-position: -433px -49px;
}
.vpplayer_edit_tool_font_bold_btn{
  position: absolute;
  top: 30px;
  left: 195px;
  background-image: url(/site_static/vpz/images/draw_tool.png);
  background-position: -457px -1px;
  background-repeat: no-repeat;
}
.vpplayer_edit_tool_font_bold_btn:hover:enabled {
  background-position: -457px -25px;
}
.vpplayer_edit_tool_font_bold_btn:active:enabled,
.vpplayer_edit_tool_font_bold_btn_mode2 {
  background-position: -457px -49px;
}
.vpplayer_edit_tool_font_size_select{
  position: absolute;
  top: 30px;
  left: 220px;
  width: 74px;
  height: 24px;
  margin: 0;
}
.vpplayer_edit_tool_font_family_select{
  position: absolute;
  top: 30px;
  left: 295px;
  width: 100px;
  height: 24px;
  margin: 0;
}

.vpplayer_edit_color_dialog {
  padding: 0px;
  border-width: 0px;
}
.vpplayer_edit_color_dialog + .ui-widget-overlay {
  opacity: 0;
}
.vpplayer_edit_color_dialog .ui-dialog-titlebar {
  display: none;
}
#vpplayer_edit_color_panel{
  padding: 1px;
  overflow: visible;
}
.vpplayer_edit_color_choice{
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

#vpplayer_comment_duration{
  text-align: right;
  margin-right: 4px;
  width:60px;
}
.vpplayer_button_panel{
  display: inline-block;
}
#vpplayer_comment_text_edit {
  position: relative;
  margin-top: 8px;
  width: 100%;
  height: 74px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  padding: 5px 8px;
}

#vpcanvas_outer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right:0;
  margin: auto;
  width: 100%;
  height: 551px;
  z-index: 3
}
.slide_main #vpcanvas_outer{
  width: 343px;
  height: 192px;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  margin: 0px;
}
.video_main #vpcanvas_outer{
  width: 637px;
  height: 358px;
  position: absolute;
  top: auto;
  right: auto;
  left: 0px;
  bottom: 0px;
  margin: 0px;
}
.slide_main #vpcanvas_outer,
.video_main #vpcanvas_outer{
  border: 1px solid #1c1c1c;
  box-sizing: border-box;
}

.slide_only #vpcanvas_outer{
  z-index: -1;
}
#fmp_area_core:-webkit-full-screen #vpcanvas_outer {
  width: 100%;
  height: auto;
}
#fmp_area_core:-moz-full-screen #vpcanvas_outer {
  width: 100%;
  height: auto;
}
#fmp_area_core:-ms-fullscreen #vpcanvas_outer {
  width: 100%;
  height: auto;
}
#fmp_area_core:fullscreen #vpcanvas_outer {
  width: 100%;
  height: auto;
}
/*.player-fullscreen #vpcanvas_outer{
  width: 100%;
  height: auto;
} */

.vpcanvas_text {
  border: 0;
  z-index: 4;
}

.vpcanvas_text textarea {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing:border-box;
  -moz-box-sizing:border-box
}

.vpplayer_scene_select_btn,
.vpplayer_slide_select_btn {
  display: block;
  position: relative;
  width: 218px;
  padding: 0 4px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vpplayer_scene_first_btn,
.vpplayer_slide_first_btn,
.vpplayer_scene_prev_btn,
.vpplayer_slide_prev_btn,
.vpplayer_scene_next_btn,
.vpplayer_slide_next_btn,
.vpplayer_scene_last_btn,
.vpplayer_slide_last_btn,
.vpplayer_setting_btn, 
.vpplayer_recommend_btn {
  display: block;
  position: relative;
  left: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}

.vpplayer_repeat_btn {
    display: inline-block;
    text-align: right;
    float: right;
    margin-left: auto;
    box-sizing: content-box;
    border-left: solid 1px #565656;
}

.vpplayer_scene_spacer {
  display: table-cell;
  top: 0px;
  width: 613px;
  height: 36px;
}

table.line1_tbl,
table.line2_tbl {
  border-collapse:collapse;
  border-spacing: 0px;
  border:0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}

table.line1_tbl tr td,
table.line2_tbl tr td {
  top: 0px;
  padding:0px;
  margin: 0px;
  height: 100%;
  border-right: solid 1px #565656
}
table.line1_tbl tr td:last-of-type,
table.line2_tbl tr td:last-of-type {
  border-right:none;
}
table.line1_tbl th,
table.line2_tbl th {
  display: none;
}

.vpplayer_line2_td_play {
  width: 60px;
  height: 100%px;
}


.vpplayer_line1_td_btn,
.vpplayer_line2_td_btn {
  width: 36px;
  height: 100%;
}

.vpplayer_bitrate_td_btn {
  ##width: 64px;
  display: none;
}

.vpplayer_star_td_btn {
  display: none;
}

.vpplayer_playbackrate_td_btn {
  width: 60px;
}

.vpplayer_line2_td_timedisp {
  width: 143px;
  height: 100%;
}

.vpplayer_line2_td_timedisp_narrow {
  width: 110px;
}

.vpplayer_play_btn {
  display: block;
  position: relative;
  left: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}

.vpplayer_volume_btn {
  display: block;
  position: relative;
  padding: 0px;
  height: 100%;
}

.vpplayer_settings_bitrate_btn {
  display: block;
  position: relative;
  width: 72px;
  padding: 0 4px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vpplayer_bitrate_btn {
  display: block;
  position: relative;
  width: 72px;
  padding: 0 4px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vpplayer_playbackrate_btn {
  display: block;
  position: relative;
  width: 60px;
  padding: 0 4px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.vpplayer_rewind_btn {
  display: block;
  position: relative;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.vpplayer_star_btn {
  display: block;
  ##display: none;
  position: relative;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.vpplayer_switch_btn {
  display: block;
  position: relative;
  padding: 0px;
  height: 100%;
}

.video_main .vpplayer_switch_td_btn,
.video_only .vpplayer_switch_td_btn,
.slide_main .vpplayer_switch_td_btn,
.slide_only .vpplayer_switch_td_btn{
  display: table-cell;
}
.vpplayer_switch_td_btn{
  display: none;
}

.vpplayer_fullscreen_btn {
  display: block;
  position: relative;
  padding: 0px;
  height: 100%;
}

.vpplayer_seek_bar {
  display: block;
  position: relative;
  left: 0px;
  top: 0px;
  float: top;
  width: 100%;
  height: 100%;
  padding: 0px;
}

.vpplayer_time_display {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
}


.vpplayer_popup_wrap_setting_select_btn {
  display: block;
  text_align: right;
  float: right;
/*  background-position:-108px -72px; */
/*  margin-left: auto; */
  bottom: 0px;
}

.vpplayer_popup_wrap_bitrate_select_btn {
  display: block;
  text_align: right;
  float: right;
/*  background-position:-108px -72px; */
/*  margin-left: auto; */
  bottom: 0px;
}

.vpplayer_popup_wrap {
  display: block; 
  position: absolute;
  bottom: 0px;
}

.vpplayer_volume_bar {
  position: absolute;
  left: -1px;
  /* right: 0px; */
  bottom: 37px;
  height: 140px;
}

.vpplayer_scene_select,
.vpplayer_slide_select {
  position: absolute;
  left: 71px;
  bottom: 72px;
  width: 280px;
}

.vpplayer_setting_select {
  position: absolute;
  right: 0px;
  bottom: 37px;
  width: 200px;
}

.vpplayer_settings_bitrate_select {
  position: absolute;
  right: 0px;
  bottom: 37px;
  width: 120px;
}


.vpplayer_bitrate_select {
  position: absolute;
  right: 0px;
  bottom: 37px;
  width: 120px;
}

.vpplayer_playbackrate_select {
  position: absolute;
  left: -1px;
  bottom: 37px;
  width: 120px;
}

.vpplayer_thumbnail,
.vpplayer_slide_thumbnail {
  position: absolute;
  bottom: 65px;
  width: 100%;
  height: 135px;
  z-index: 1000;
}
.vpplayer_thumbnail_table{
  background-color: #000000;
  position: relative;
  width: 160px;
  height: 90px;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 1px;
}
.vpplayer_thumbnail_img{
  height: 100%;
  position: absolute;
  right: 0px;
  left: 0px;
  margin: auto;
  bottom: 0;
  border: 1px solid #000000;
  background-color: #000000;
  box-sizing:border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.vpplayer_thumbnail_center {
  width: 240px;
  height: 135px;
}
.vpplayer_thumbnail_center img{
  z-index: 1000;
}

.vpplayer_thumbnail_underbar {
  background-color: #ff0000;
}
.context-menu-item.context-menu-icon-checked {
  background-image: url(/site_static/vpz/images2/canvas_checked.png);
  background-repeat: no-repeat;
}

.context-menu-item.context-menu-disabled{
  color: #aaaaaa;
}

.context-menu-item.context-menu-disabled:after{
  display: none;
}

/*
 * Slide
 * slide_main: x0.65
 * video_main: x0.35
 */
#slide_panel{
  position: absolute;
  display: none;
  background-color: #1C1C1C;
}
.slide_main #slide_panel {
  display: block;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  border: 1px solid #1c1c1c;
  background-color: #494c4d;
}
.video_main #slide_panel{
  display: block;
  top:0px;
  right: 0px;
  border: 1px solid #1c1c1c;
  background-color: #494c4d;
}
.slide_only #slide_panel {
  display: block;
  width: 100%;
  height: 100%;
  top:0px;
}
.video_only #slide_panel {
  display: none;
}

.vpplayer_slide_img{
  pointer-events: none;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.video_main #slide_panel .vpplayer_slide_img{
  
}
.slide_main #slide_panel .vpplayer_slide_img{
  
}
.slide_only #slide_panel .vpplayer_slide_img {
  /*height: 100%;*/
}
.video_only #slide_panel .vpplayer_slide_img {
  display: none;
}

#vpplayer_slide_size_btn_outer{
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0px;
  left: 0px;
  z-index: 11;
  cursor: pointer;
}
  
#vpplayer_video_size_btn_outer {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 11;
  cursor: pointer;
}
#fmp_area_core.video_only:-webkit-full-screen  #vpplayer_video_size_btn_outer {
  bottom: 0px;
  margin: auto;
}
#fmp_area_core.video_only:-moz-full-screen  #vpplayer_video_size_btn_outer {
  bottom: 0px;
  margin: auto;
}
#fmp_area_core.video_only:-ms-fullscreen #vpplayer_video_size_btn_outer {
  bottom: 0px;
  margin: auto;
}
#fmp_area_core.video_only:fullscreen #vpplayer_video_size_btn_outer {
  bottom: 0px;
  margin: auto;
}

.slide_main #vpplayer_video_size_btn_outer {
  display: block;
  z-index: 9;
}
.video_main #vpplayer_video_size_btn_outer {
  display: block;
  left: 0px;
  bottom: 0px;
  right: auto;
  margin-top: auto;
}
.video_only #vpplayer_video_size_btn_outer {
  display: block;
}
.player_editing #vpplayer_video_size_btn_outer {
  display: none;
}
.vpplayer_size_btn{
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 36px;
  height: 36px;
  background-color: #262626;
  background-image: url(/site_static/vpz/images/vpplayer.png);
  background-position: -216px -108px;
  background-repeat: no-repeat;
}
.vpplayer_size_btn_exit{
  background-position: -216px -135px;
}
#vpplayer_slide_size_btn_outer:hover .vpplayer_slide_size_btn{
  opacity: 0.9;
  transition: all 0.3s;
}
#vpplayer_video_size_btn_outer:hover .vpplayer_video_size_btn{
  opacity: 0.9;
  transition: all 0.3s;
}