Box-shadow только справа и слева

Как сделать box-shadow только справа и слева от контейнера?

.container { min-width: 1024px; margin: 0 auto; padding: 0; position: relative; }
.container:before,
.container:after {
  content: " ";
  clear: both;
  height: 100%;
  position: absolute;
  top: 0;
  width: 15px;
}
.container:before {
    box-shadow: -15px 0 15px -15px #000 inset;
    left: -15px;
}
.container:after {
    box-shadow: 15px 0 15px -15px #000 inset;
    right: -15px;
}

.container { min-width: 1024px; margin: 0 auto; padding: 0; position: relative; }

.container:before,

.container:after {

content: " ";

clear: both;

height: 100%;

position: absolute;

top: 0;

width: 15px;

}

.container:before {

box-shadow: -15px 0 15px -15px #000 inset;

left: -15px;

}

.container:after {

box-shadow: 15px 0 15px -15px #000 inset;

right: -15px;

}

Вкратце, идея в том, что контейнеру добавляются абсолютно позиционированные псевдоэлементы слева и справа, к которым и добавляется box-shadow со свойством inset (то есть тень располагается внутри блока)