@media (max-width: 610px){
  .MobileLive {
    display: none;
  }
}

.live .live .show-hide-toggle {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e5e5e5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.live .show-hide-toggle:hover,
.live .show-hide-toggle:focus,
.live .show-hide-toggle:active,
.live .show-hide-toggle.active,
.live .show-hide-toggle.disabled,
.live .show-hide-toggle[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}
.live .show-hide-toggle:active,
.live .show-hide-toggle.active {
  background-color: #cccccc;
}
.live .show-hide-toggle .toggle-dash {
  display: block;
  width: 90%;
  height: 5px;
  margin-top: 10%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #D4D4D4;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.live .live-main {
  text-align:center;
  vertical-align:middle;
  text-align: center;
}


.live .live-main img {
  /*height: 100%;
  max-width:100%;
  max-height:100%;*/
  vertical-align: middle;
}

.width100 {
  width:100%;

  text-align: center;
}

.width80 {
  width:80%;
  margin-bottom: 5px;
  text-align: center;
}

/*@media (min-width: 980px) {*/
  .live .box {
    position: fixed;
    top: 45px;
    bottom: 52px;
    left: 0;
    right: 0;
    background-color: #1c2431;
  }

  .live .live-main {
    position: fixed;
    top: 45px;
    bottom: 52px;
    left: 188px;
    right: 188px;
    background-color: #1c2431;
  }

  .live .player-wrapper-full {
    top: 0;
    bottom: 0px;
  }

  .live .player-full-screen {
    width: 100%;
    height: 100%;
  }

  .live .live-stream {
    position: fixed;
    bottom: 52px;
    right: 189px;
    left: 189px;
    height: 40px;
    background-color: #1c2431;
    text-align: left;
    
    line-height: 46px;
    padding-left: 10px;
  }

  .live .live-stream label{
    color: #ffffff;
    float: left;
    margin-left: 20px;

    padding-top: 8px;
  }

  .live .live-stream_min {
    position: fixed;
    bottom: 52px;
    right: 189px;
    left: 189px;
    height: 40px;
    background-color: #1c2431;
    text-align: left;
    
    line-height: 46px;
    padding-left: 10px;
  }

  .live .live-stream_min label{
    color: #ffffff;
    float: left;
    margin-left: 20px;
    
    padding-top: 17px;
  }
  .live .live-toolbar {
    height: 52px;
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    vertical-align:middle;
    overflow: auto;
    background-color: #1c2431;
    border-top: 1px solid #000000;
    border-right: 1px solid rgb(22, 29, 35);
  }

  .btn_toolbar {
    width: 20px;
    height: 20px;
    padding: 17px 15px 13px 15px;
    
    border: 1px solid rgb(18,23,28);
    content: url("../img/toolbar/btn_menu_d.png");
    /*display: block;*/
  }

  .btn_toolbarleft {
    float: left;
  }
  .btn_toolbarright {
    float: right;
  }

  .toolbar_center {
    right: 52px;
    left: 52px;
    float: left;
    position: fixed;
    width: auto;
  }

  .stream_btn {
    float: left;
    border:solid 1px #12191e;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
    margin-top: 18px;
    width: 200px;
    margin-left: 18px;
    margin-right: 18px;
    padding-left: 10px;
    color: rgb(140,177,200);
    size:12px;
  }

  .time_area {
    float: right;
    border-radius: 75px;
    margin-top: 17px;
    width: 200px;
    margin-left: 18px;
    margin-right: 18px;
    padding-left: 10px;
    color: rgb(140,177,200);
    size:12px;
  }

  .right_margin10 {
    margin-right: 10px;
  }

  .toolbar_mode-icon {
    padding-top: 15px;
    border:solid 1px #12191e;
    text-align: center;
    color: rgb(140,177,200);
    size:12px;
    padding-right: 5px;
  }

  .d_tool_status {
      width: 14px;
      height: 14px;
      float: left;
      position: relative;
      margin-right: 10px;
      margin-left: -4px;
      margin-top: 3px;
      border-radius: 10px;
  }


  
.toggle_balloon{
  position:absolute;
  top: -207px;
  left: -120px;

  display:block;
  width: 250px;
  height: 150px;
  
  padding : 25px;

  text-align: left;
  background-color :rgba(78,101,137, 0.9);
  color: white;
  
  opacity: 1;
  
}
/* toggle_balloon box arrow */
.toggle_balloon:after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: "";
	height: 0;
	width: 0;
	pointer-events: none;
  
	border: 7px solid transparent;
	border-top-color: rgba(78,101,137, 0.8);
	margin-left: -7px;
  z-index: 1000;

}