/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
/*
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
*/
/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
/*
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
*/
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*
    960 Grid System ~ Text CSS.
    Learn more ~ http://960.gs/

    Licensed under GPL and MIT.
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
  font: 12px/1.2  Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus
{
  outline: 1px dotted invert;
}
/*
hr
{
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
}
*/
/* =Headings
--------------------------------------------------------------------------------*/

h1
{
  font-size: 1.6em;
}

h2
{
  font-size: 1.2em;
}

h3
{
  font-size: 1.4em;
}

h4
{
  font-size: 1em;
}

h5
{
  font-size: 12px;
}

h6
{
  font-size: .6em;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
  list-style: decimal;
}

ul
{
  list-style: square;
}

li
{
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
  margin-bottom: 20px;
}

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12
{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding: 0 10px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_2,
.grid_4,
.grid_6,
.grid_8,
.grid_10,
.grid_12,
.grid_14,
.grid_16
{
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container_12 .grid_6
{
  width: 460px;
}

.container_12 .grid_12
{
  width: 940px;
}


/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_2
{
  width: 140px;
}

.container_12 .grid_4
{
  width: 300px;
}

.container_12 .grid_8
{
  width: 620px;
}

.container_12 .grid_10
{
  width: 780px;
}


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix
{
  display: inline-block;
}

* html .clearfix
{
  height: 1%;
}

.clearfix
{
  display: block;
}

/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
  background: #666 url("/style/image/bg_grad.png") 0 0 repeat-x;
  color: #333;
  padding: 0 0 40px;
}


/* anchors
----------------------------------------------- */
a {
  color: #333;
  /*    font-weight:normal;*/
  text-decoration: none;
}
a:hover {
  color: #2A86C7;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12 {
  background:#e6e6e6;
}


h1 a {
  font-weight:normal;
}

/* boxes
----------------------------------------------- */
.box {
  background:transparent;
  margin: 10px 0 0 0;
  padding:0;
}

.box h2 {
  font-weight:bold;
  text-transform:uppercase;
  background: #eee;
  margin: 0;
  padding: 0 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
    white-space: nowrap;
}
.box h2:hover,
.box h2 a:hover{
  color: #333;
}
.box .seemore{
  float:right;
  font-size: 10px;
  font-weight: normal;
  color: #2A86C7;
  text-transform: none;
}

.box .seemore span{
  padding: 5px;
  cursor: pointer;
}
.box .seemore span:hover{
  text-decoration: underline;
}

.box .seemore .current{
  font-weight: bold;
  border: 1px solid #2A86C7;
}

.box .seemore .disabled{
  color: #999;
}
.box .seemore .disabled:hover{
  text-decoration: none;
}

.box a h2 {
  background:#eee url("/style/image/red.png") 0 0 repeat-y;
}
.box a h2:hover {
  background:#fff url("/style/image/black.png") 0 0 repeat-y;
}

.box h2 a,.box h2 a.visible {
  background:#ddd url(/style/image/switch_arrow_black_closed.gif) 97% 50% no-repeat;
  /*    color:#fff;*/
  display:block;
  margin:-5px -20px;
  padding:5px 20px;
}

.box h2 a:hover,.box h2 a.visible:hover {
  background-image:url(/style/image/switch_arrow_black_closed.gif);
}

.box h2 a.hidden {
  background-image:url(/style/image/switch_arrow_black.gif);
}

.box h2 a.hidden:hover {
  background-image:url(/style/image/switch_arrow_black.gif);
}

.grid_4 .box h2 a {
  background-position: 97% 50%;
}
.grid_8 .box h2 a {
  background-position: 98.5% 50%;
}

.box h2 a:hover {
  background-color:#fff;
}
.block {
  padding-top:10px;
}
div.menu {
  padding:0;
}
div.menu h2 {
  margin:0;
}
div.menu .block {
  padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
  margin-bottom:1em;
}
/*
blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size:1.2em;
    padding-left:1em;
    border-left:4px solid #ccc;
}
blockquote cite {
    font-size:.9em;
}
*/
ul, ol {
  padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
  list-style:none;
  border-top:1px solid #bbb;
}
ul.menu li {
  margin:0;
}
ul.menu li a {
  height: 30px;
  line-height: 30px;
  display:block;
  padding:0 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #888;
  border-left: 4px solid #fff;
  background:#ccc url("/style/image/gray_grad.png") 0 repeat-x;
  /*    background: #ccc;*/
  font-size: 14px;
  color: #333;
  overflow: hidden;

}
ul.menu li a:hover {
  /*    background:#999 url("/style/image/red.png") 0 0 repeat-y;*/
  background:#999;
  border-left: 4px solid #d33;
}
ul.menu li a:active {
  border-left: 4px solid #d33;
  /*    background-image: url("/style/image/red.png");*/
}


/* submenus
----------------------------------------------- */
ul.menu ul {
  list-style:none;
  margin:0;
}
ul.menu ul li a {
  padding-left:30px;
}

/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  background:#000;
  max-width:100%;
  height:30px;
}
ul.nav li {
  cursor:pointer;
  float:left;
  text-align:center;
  list-style-type:none;
  font-weight:normal;
}
ul.nav li ul {
  cursor:default;
  width:100%;
  max-width:100%;
  position:absolute;
  height:auto;
  top:30px;
  background-position:0 0 !important;
  left:-9000px;
}
ul.nav li ul li {
  padding:0;
  border:none;
  width:auto;
  max-width:none;
}

ul.nav li span.slash,
ul.nav li a {
  color:#fff;
  background:#000;
  font-weight:normal;
  text-decoration:none;
  display:block;
  float:left;
  padding:0 10px;
  height:30px;
  line-height:30px;
}
ul.nav li ul li a {
  position:relative !important; /* ie Mac */
  cursor:pointer !important;
  white-space:nowrap;
  line-height:20px;
  height:20px;
  font-weight:normal;
  color:#666;
  background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#fff; background:#d33;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:transparent !important}
ul.nav li:hover ul li a {color:#fff;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

/* navigation (vertical subnavigation)
----------------------------------------------- */

ul.main li {
  position:relative;
  top:0;
  left:0;
  font-size: 16px;
  text-transform: uppercase;
}

ul.main li ul {
  border-top:0;
  top:30px;
}
ul.main li ul li {
  float:left;
}

ul.main li span.slash,
ul.main li a{
  height:30px;
  line-height:30px;
  border:0;
  color:#fff;
  background:#000;
  padding: 0 10px;
  font-weight: bold;

}
ul.main li a img{
  margin-left: 10px;
}

ul.main li ul li a {
  width:14em;
  line-height:20px;
  height:20px;
  text-align:left;
  color:#fff;
  border-top:1px solid #444;
  background:#000;
  font-size:12px;
  text-transform: none;
}

ul.main li a:focus {color:#fff; background:#d33;}
ul.main li ul li a:hover {
  color:#fff;
  background:#d33;
}
ul.main li:hover a {
  color:#fff;
  background:#d33;
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#444;}
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}

/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
  float:right;
  color:#cde;
  background:transparent !important;
}
ul.nav li.secondary span.status {
  float:left;
  padding:0 1em;
  line-height:30px;
  height:30px;
  font-size:10px;
  text-transform: none;
}
ul.nav li.secondary span.status a {
  float:none;
  display:inline;
  padding:0 0 0 20px;
  height:auto;
  line-height:auto;
  color:#999;
  background:transparent;
}
ul.nav li.secondary span.status a:hover {
  color:#fff;
  background:transparent;
}
ul.nav li.secondary span.status span {
  text-transform:capitalize;
}
ul.nav li.secondary:hover a {
  color:#fff;
  background:#666;
}
ul.nav li.secondary:hover a:hover {
  background:#d33;
}
ul.nav li.secondary:hover a:active {background:#444;}



/* tiles
----------------------------------------------- */
.tiles {
}

.tile {
  padding: 20px;
  float: left;
  width: 100%;
  overflow: hidden;
}

.grid_4 .tile{
  max-width: 260px;
}

.grid_8 .tile{
  max-width: 580px;
}

.tile:hover{
  background: #fff;
}

.tile h5 {
  font-weight: bold;
}
.tile img {
  float: left;
  width: 120px;
  height: 67px;
}

.tiles_gallery{
  border-bottom: 1px solid #ccc;
}
.tiles_gallery .tile {
  padding: 10px 5px;
  margin: 0;
  max-width: 140px;
  height: 10.4em;
}
.tiles_gallery .tile *{
  float: left;
  width: 140px;
  overflow: hidden;
}
.tiles_gallery .tile p{
  height: 3.6em;
  margin: 5px 0 0 0;
  padding: 0;
}

.tiles_gallery .tile h5{
  height: 1.2em;
  margin: 5px 0 0 0;
  padding: 0;
}
.tiles_gallery .tile h5 a{
  color: #2A86C7;
}
.grid_8 .tiles_gallery .tile{
  padding: 10px 7px 10px 8px;
}

.tiles_gallery img {
  width: 140px;
  height: 79px;
}

.tiles_categ{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #eee;
  background: #eee;
}
.tiles_categ .tiles_gallery .tile{
  background: #fff;
  height: 12em;
}

/* tiles_wide design
----------------------------------------------- */
.tiles_artlist{
  border-bottom: 1px solid #fff;
}

.tiles_wide {
  overflow-y: auto;
  overflow-x: hidden;
}

.tiles_wide .tile{
  padding: 20px;
  max-width: 580px;
  height: 6.6em;
  border-bottom: 1px solid #ddd;

}
.tiles_wide .tile *{
  margin: 0;
  overflow: hidden;
}

.tiles_wide h5{
  font-size: 16px;
  height: 1.2em;
  margin-bottom: 2px !important;
  min-width: 260px;
}
.tiles_wide p{
  height: 4.8em;
  min-width: 260px;
}
.tiles_wide img{
  width: 140px;
  height: 79px;
  margin-right: 10px !important;
}

.tiles_thumb .tile:hover{
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.grid_4 .tiles_wide .tile{
  background: #fff;
  height: auto;
  max-width: 260px;
  padding: 10px 20px;
}

.grid_4 .tiles_wide h5{
  font-size: 12px;
  height: 1.2em;
  max-width: 260px;
  margin-bottom: 1em;
}
.grid_4 .tiles_wide img{
  margin: 5px 5px 10px 0;
}
.grid_4 .tiles_wide h5 a{
  color: #2A86C7;
}


.grid_4 .tiles_wide p{
  max-width: 260px;
  height: 8.4em;
}

/* jqb_object (slideshow)
----------------------------------------------- */
#jqb_object
{
  position:relative;
  width:300px;
  height:260px;
  overflow:hidden;
}
#jqb_object .jqb_slide
{
  position:absolute;
  width:300px;
  height:230px;
}

/* tiles_thumb design
----------------------------------------------- */

.tiles_thumb {
  overflow-y: auto;
  overflow-x: hidden;
}

.tiles_thumb .tile{
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  background:#ddd url("/style/image/gray_text.png") 0 0 repeat-x;
  max-width: 280px;
  height: 5.6em;

}
.grid_8 .tiles_thumb .tile{
  max-width: 290px;
}

.tiles_thumb .tile *{
  margin: 0;
  overflow: hidden;
}

.tiles_thumb h5{
  height: 1.2em;
  margin-bottom: 4px !important;
}

.tiles_thumb p{
  height: 3.6em;
}

.tiles_thumb img{
  height: 67px;
  width: 120px;
  margin-right: 5px !important;
}

.tiles_thumb .tile:hover{
  background: #fff;
}

/* tiles_playlist design
----------------------------------------------- */

.tiles_playlist {
  overflow-y: auto;
  overflow-x: hidden;
}

.tiles_playlist .tile{
  padding: 5px;
  border-top: 1px solid #000;
  max-width: 270px;
  height: 5.6em;
}
.tiles_playlist .tile *{
  margin: 0;
  overflow: hidden;
}

.tiles_playlist h5{
  height: 1.2em;
  margin-bottom: 4px !important;
}

.tiles_playlist p{
  height: 3.6em;
}

.tiles_playlist img{
  height: 67px;
  width: 120px;
  margin-right: 5px !important;
}

.tiles_playlist .tile:hover{
  background: #333;
}


/* header
----------------------------------------------- */
#header{
  border-top: 3px solid #d33;
  margin: 0 -10px;
  padding: 10px 20px;
}

/* content wrapper
----------------------------------------------- */
#wrapper{
  position: relative;
  -webkit-box-shadow: 0px 0px 10px 0px #000;
  -moz-box-shadow: 0px 0px 10px 0px #000;
  box-shadow: 0px 0px 10px 0px #000;
}

#headline_logo{
  float: left;
  width:230px !important;
  height: 90px !important;
  margin: 1px 0 2px 10px;
}

#headline{
  float:right;
  width:728px !important;
  height: 90px !important;
  overflow: hidden;
  margin: 1px -10px 2px 0;
}

#content_wrapper{
  background-color: #000;
  -webkit-box-shadow: 0px 10px 10px -10px #000;
  -moz-box-shadow: 0px 10px 10px -10px #000;
  box-shadow: 0px 10px 10px -10px #000;
  margin: 0 -10px 0 -10px;
  padding: 0 10px;
}

#content{
  padding-bottom: 20px;
}

#content .box{
  background: #222;
  color: #fff;
  margin: 0;
}

#content .box a{
  color: #d33;
}

#content .box h2{
  background: #000 url("/style/image/player_header.gif") 0 0 repeat-x;
  color: #fff;
  border: none;
  font-weight: normal;
}

#playlist .box h2{
  padding-left: 10px;
  padding-right: 10px;
}
#playlist_container{
  height: 388px;
}
#playlist_ad{
  border-top: 1px solid #000;
  padding: 2px 0 0 0;
  height: 76px;
  background: #222;
}
/*
#playlist_ad .box{
    height: 68px;
    width: 290px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
*/

#video_container iframe{
  border: 0;
}

#video_container{
  padding-bottom: 20px;
  height: 447px;
}

#video_text{
  padding: 0 20px;
  margin: 10px 0 0 0;
  font-size: 14px;
  height: 4.8em;
  overflow: hidden;
}
#video_text a:hover,
#article_text a:hover{
  text-decoration: underline;
}

#video_time {
  padding: 10px 0 0 20px;
  margin-top: 4px;
  color: #999;
  font-size: 10px;
  border-top: 1px solid #000;
  width: 100%;
}

#article_container{
  padding: 20px;
  height: 427px;
  overflow: auto;
  background-color: #e6e6e6;
  color: #333;
}
#article_container h3{
  margin-bottom: 20px;
  max-width: 600px;
  overflow: hidden;
}
#article_text{
  max-width: 600px;
}


#share_this {
  float:right;
  padding-right: 20px;
}

#comments_box{
  background-color: #eee;
  border-bottom: 1px solid #ddd;
}

#disqus_thread{
  padding: 10px 20px;
}

#right_ad{
  width: 120px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: -130px;
  overflow: hidden;
}

#right_ad1{
  width: 120px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: -260px;
}
/* site footer
----------------------------------------------- */
#footer_wrapper{
  background: #000;
  color: #999;
  margin: 10px -10px 0;
  padding: 0 10px;
}
#bottom_nav{
  margin: 0 -10px;
  padding: 10px 20px;
  border-top: 3px solid #d33;
  border-bottom: 1px solid #444;
}
#footer_text{
  font-size: 10px;
  height: 65px;
  padding-top: 10px;
  line-height:10px;
}

#footer_text a{
  color: #999;
}
#footer_text a:hover{
  color: #fff;
}
#footer_text p{margin-bottom:5px;}

#footer_logo{
  float: right;
}

#bottom_boxes,
#counters{
  margin-top: 20px;
  text-align: center;
}

#blog-rss{
    background-color: #e6e6e6;
}
#blog-rss div {
    padding: 4px;
    color: #d33;
    font-size: 90%;
}
#blog-rss a{
    font-size: 110%;
}

.rss{
  vertical-align:middle;
  border:0;
  margin-right:5px
}

.hidden{
  display: none;
}

.sprite_play,.sprite_comment{
  background: url('/style/image/sprite1.png') no-repeat;
  height: 14px;
  padding: 0 0 0 20px;
  font-size: 10px;
  color: #666;
  text-decoration: underline;
  margin-top: 10px !important;
  float: left;
}
.sprite_play:hover,.sprite_comment:hover{ color: #2A86C7; }
.sprite_play{ background-position: -0px -48px; }
.sprite_comment{ background-position: -0px -0px; }

/*
.sprite_play:hover{ background-position: -0px -71px; }
.sprite_comment:hover{ background-position: -0px -24px; }
*/

#iibravo20seller{width:120px;font-family:Arial;border:0;background:#eee;padding:0 0 5px 0;}
#iibravo20seller a{color:#000;text-decoration:none;font-weight:700;}
#iibravo20seller a:hover{color:#3C97DD;text-decoration:none;font-weight:700;}
#iibravo20seller img{width:120px;height:82px;border:0;margin:0 0 3px 0;}
#iibravo20seller .feedTitle{font-size:12px;}
#iibravo20seller .city{color:#333;}
#iibravo20seller li{list-style-type:none;clear:both;float:none;margin:0!important;}
#iibravo20seller .headline{font-size:12px;font-weight:400;}
#iibravo20seller div{font-size:12px;color:#000;}
#creditfooter{clear:both;padding-top:8px!important;font-size:10px;text-align:right;}
#iibravo20seller p,#iibravo20seller ul,#iibravo20seller .date{margin:0;padding:0;}
#iibravo20seller .headline, #iibravo20seller .date,#iibravo20seller .city{padding:0 4px;display:block;}

/*
  news list
*/
.news_list{
  max-width: 200px;
  background-color: #ccc;
}
.news_tile{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #bbb;
  padding: 5px
}
.news_tile:hover{
  background-color: #fff;
}
.news_time{
  float: left;
  max-width: 110px;
  overflow: hidden;
  color: #d33;
  font-weight: bold;
}
.news_title{
  float: right;
  max-width: 110px;
  overflow: hidden;
}

/*Live Box*/
.live-box{position:relative;background:#000;}
.live-box a, .stream-box a{display:block;position:absolute;z-index:2;width:100%;height:100%;overflow:hidden;text-indent:-3000px;}
.live-box .live, .stream-box .live{
	display: inline-block;
    padding: 0 10px;
    background: #dd0000;
    line-height: 16px;
    font-size: 10px;
    border-radius: 2px;
    position: relative;
	margin:0 5px;
    top: -2px;
}
.live-box.air .live{margin-left:-12px;}
.live-box .text{
	    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
    min-height: 111px;
}
.live-box .desc{line-height: 20px;
    padding-bottom: 5px;
    margin-bottom: 5px;}
.live-box .note{color:#ddd;font-size:10px;}
.live-box .image{position:relative;width:100%;height:360px;background-repeat:no-repeat;background-size:cover;}
.live-box .image img{width:100%;height:100%;}

.live-box .player{position:relative;}
.live-box .controls{position:absolute;z-index:99;bottom:40px;right:5px;display:none;width:48px;height:48px;opacity:0.7;transition:opacity 0.3s;}
.live-box .controls:hover{opacity:1;}
.live-box .controls .icon{
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:48px;
	background-position:center 4px;
    background-size: 80%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: rgba(0,0,0,1);
    border-radius: 50%;
    box-shadow: 0 0 4px 1px rgba(255,255,255,0.7);
	  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
          transition: transform 0.7s;
}

.live-box .play{background-image:url('/live/images/play.svg');background-size:110px 110px ;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,1);border-radius:50%;opacity:0.8;transition:all 0.4s;box-shadow:0 0 10px 1px rgba(0,0,0,1);}
.live-box:hover .play{opacity:1;}
.live-box.air .play{width:100px;height:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;}

.live-box .play.paused{background:url('/live/images/pause.svg');}
.live-box .mute{background:url('/live/images/speaker.svg');z-index:2;}

.live-box .muted{background:url('/live/images/mute.svg');z-index:-1;
-webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.flipped .mute {
z-index:-1;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.flipped .muted {
z-index:2;
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

#content .box.stream-box{position:relative;background:#000;
float: left;
    width: 100%;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    margin-bottom: 10px;
    clear: both;
}
.stream-box:after{content:' ';display:block;clear:both;}
.stream-box .live{position:absolute;left:0;top:10px;}